:root{font-family:Inter,system-ui,Arial,sans-serif;color:#152236;background:#eef3f8}body{margin:0}.app-shell{display:flex;min-height:100vh}.sidebar{width:270px;background:#071d36;color:#fff;padding:22px;box-sizing:border-box;position:sticky;top:0;height:100vh;overflow:auto}.brand{display:flex;gap:10px;align-items:center;font-weight:850;font-size:18px;margin-bottom:24px}.brand small{display:block;color:#9fb8d1;font-size:11px;font-weight:750;line-height:1.35;margin-top:4px}.nav{width:100%;border:0;border-radius:8px;padding:12px;text-align:left;margin:4px 0;background:transparent;color:#c7d3e0;font-weight:750;display:flex;align-items:center;gap:9px;cursor:pointer}.nav.active,.nav:hover{background:#16446f;color:#fff}.nav-category{margin:18px 0 6px;color:#7fa4c7;font-size:12px;font-weight:900;letter-spacing:.08em}.login-panel{margin-top:22px;padding-top:18px;border-top:1px solid rgba(255,255,255,.18);display:grid;gap:8px}.login-panel input,.login-panel button{border:0;border-radius:8px;padding:10px}.login-panel button{background:#18a273;color:#fff;font-weight:800;cursor:pointer}.admin-nav{margin-top:10px;border-top:1px solid rgba(255,255,255,.14)}.content{flex:1;padding:26px;min-width:0}.topbar{background:#fff;border:1px solid #dbe5ef;border-radius:8px;padding:22px;display:flex;justify-content:space-between;gap:20px;align-items:center}.eyebrow{color:#14715c;font-weight:850;text-transform:uppercase;font-size:12px;margin:0 0 6px}.topbar h1{font-size:30px;margin:0}.page-subtitle{color:#52637a;font-size:15px;font-weight:750;line-height:1.45;margin:8px 0 0;max-width:840px}.actions{display:flex;gap:8px;flex-wrap:wrap}.actions button,.actions a,.small-action,.save,.chat-form button,.chat-tools button{border:0;border-radius:8px;background:#0b3b68;color:#fff;text-decoration:none;font-weight:800;padding:10px 12px;display:inline-flex;align-items:center;gap:7px;cursor:pointer}.small-action:disabled,.chat-form button:disabled{opacity:.62;cursor:not-allowed}.dashboard-grid{display:grid;grid-template-columns:360px 1fr;gap:16px;margin-top:18px}.embedded-score-grid{display:grid;grid-template-columns:300px 1fr;gap:14px;margin-bottom:18px}.score-panel,.pillar-chart,.pillar-image-panel,.score-explain-panel,.workspace,.kpi-grid div,.help-panel{background:#fff;border:1px solid #dbe5ef;border-radius:8px;padding:20px;box-shadow:0 12px 30px #102a430f}.score-panel{display:flex;align-items:center;gap:18px}.score-panel svg{width:160px;height:160px;transform:rotate(-90deg)}.compact-score,.compact-chart{background:#f8fbfd;box-shadow:none}.compact-score{padding:14px;gap:12px}.compact-score svg{width:112px;height:112px}.compact-score strong{font-size:34px}.track{fill:none;stroke:#e5edf5;stroke-width:16}.meter{fill:none;stroke:#18a273;stroke-width:16;stroke-linecap:round}.score-panel span,.score-panel small{display:block;color:#5d6c80;font-weight:800}.score-panel strong{display:block;font-size:48px;color:#082f55}.pillar-image-panel{margin-top:16px;display:flex;justify-content:center;overflow:hidden}.pillar-image-panel img{width:min(100%,980px);height:auto;display:block;border-radius:6px}.score-explain-panel{margin-top:16px}.score-explain-panel p{color:#52637a;line-height:1.55;margin:8px 0}.score-explain-panel code{background:#edf3f8;border-radius:6px;padding:2px 6px;color:#0b3158}.score-legend{border-top:1px solid #e0e8f0;margin-top:14px;padding-top:14px}.score-legend b{color:#0b3158}.score-legend ul{margin:10px 0 0;padding:0;display:grid;gap:8px;list-style:none}.score-legend li{color:#52637a;line-height:1.45;display:flex;align-items:flex-start;gap:8px}.legend-dot{width:11px;height:11px;border-radius:999px;flex:0 0 auto;margin-top:4px}.legend-dot.strong{background:#18a273}.legend-dot.managed{background:#0b6aa2}.legend-dot.weak{background:#f0c84b}.legend-dot.critical{background:#d84a4a}.panel-title{display:flex;align-items:center;gap:9px;font-size:19px;font-weight:900;color:#0b3158;margin-bottom:14px}.bar-row{display:grid;grid-template-columns:110px 1fr 48px;gap:10px;align-items:center;margin:13px 0}.bar-row span,.bar-row em{font-style:normal;font-weight:800;color:#516176}.bar-row i{height:12px;background:#e6edf5;border-radius:99px;overflow:hidden}.bar-row b{height:100%;display:block;background:linear-gradient(90deg,#0b6aa2,#18a273)}.kpi-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-top:16px}.kpi-grid b{font-size:30px;color:#0b3b68;display:block}.kpi-grid span{color:#607086;font-weight:750}.workspace,.help-panel{margin-top:16px}.ai-result-panel{border:1px solid #cfe7dc;background:#f3fbf7;border-radius:8px;padding:14px;margin:0 0 16px}.ai-result-head{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:10px}.ai-result-head b{color:#0b3158}.ai-result-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.ai-result-actions span{color:#17654d;font-weight:800;font-size:12px;background:#e1f3eb;border-radius:8px;padding:6px 8px}.ai-result-actions button{border:0;border-radius:8px;background:#edf3f8;color:#12385f;font-weight:800;padding:6px 8px;cursor:pointer}.form-grid{display:grid;grid-template-columns:repeat(4,minmax(140px,1fr));gap:12px;margin-bottom:18px}.form-grid label,.chat-toolbar label{display:grid;gap:6px;font-size:12px;font-weight:850;color:#56657a;text-transform:uppercase}.form-grid input,.form-grid select,.chat-toolbar select,.chat-form input{border:1px solid #cfdbe8;border-radius:8px;padding:10px;font:inherit;color:#18263a;background:#fff;min-width:0}.field-helper{color:#6b7c91;font-size:11px;font-weight:750;line-height:1.35;text-transform:none}.save{align-self:end;justify-content:center;background:#17825f}.table-wrap{overflow:auto;border:1px solid #e0e8f0;border-radius:8px}table{width:100%;border-collapse:collapse;background:#fff;min-width:860px}th{background:#0b3158;color:#fff;font-size:12px;text-transform:uppercase}th,td{padding:11px;border-bottom:1px solid #e6edf4;text-align:left;vertical-align:top}td{color:#26364b;font-size:14px}.row-actions{white-space:nowrap}.row-actions button{border:0;background:#edf3f8;border-radius:8px;padding:8px;margin-right:5px;color:#12385f;cursor:pointer}.badge{display:inline-flex;align-items:center;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:900;line-height:1;border:1px solid transparent}.priority-critical,.monitor-critical,.learn-open{background:#fde2e2;color:#a51616;border-color:#f8b7b7}.priority-high{background:#ffe8cf;color:#9a4a00;border-color:#ffc98f}.priority-medium,.monitor-warning,.learn-in-progress{background:#fff6bf;color:#7b6500;border-color:#f0d95c}.priority-low{background:#dff2ff;color:#12618f;border-color:#a9dcf8}.monitor-normal,.learn-closed{background:#daf5e6;color:#17653b;border-color:#a9dfbf}.log-json{margin:0;white-space:pre-wrap;font:12px/1.45 ui-monospace,SFMono-Regular,Consolas,monospace;color:#26364b;max-width:680px}.evidence-field img{width:100%;max-height:140px;object-fit:contain;border:1px solid #dbe5ef;border-radius:8px;background:#f8fbfd}.evidence-cell{display:grid;gap:7px}.evidence-thumb{width:74px;height:54px;object-fit:cover;border-radius:6px;border:1px solid #dbe5ef;display:block}.evidence-actions{display:flex;gap:6px;flex-wrap:wrap}.evidence-actions button{border:0;border-radius:7px;background:#edf3f8;color:#12385f;font-size:12px;font-weight:800;padding:6px 8px;cursor:pointer}.admin-grid{display:grid;grid-template-columns:repeat(4,minmax(170px,1fr));gap:12px}.score-guideline{border:1px solid #dbe5ef;border-radius:8px;background:#f8fbfd;padding:16px;margin-bottom:14px}.score-guideline b{color:#0b3158}.score-guideline p,.score-guideline li{color:#52637a;line-height:1.55}.score-guideline ul{margin:8px 0;padding-left:20px}.admin-card{border:1px solid #dbe5ef;border-radius:8px;background:#f8fbfd;padding:16px}.admin-card b{color:#0b3158}.admin-card p{color:#66758a;margin:6px 0 12px;font-weight:750}.admin-card label{display:grid;gap:6px;margin-top:10px;color:#56657a;font-size:12px;font-weight:850;text-transform:uppercase}.admin-card input{border:1px solid #cfdbe8;border-radius:8px;padding:10px;font:inherit;color:#18263a;background:#fff}.admin-save{margin-top:14px}.tutorial-grid{display:grid;grid-template-columns:repeat(2,minmax(220px,1fr));gap:12px}.tutorial-grid article{border:1px solid #e0e8f0;border-radius:8px;padding:16px;background:#f8fbfd}.tutorial-grid b{color:#0b3158}.tutorial-grid p{color:#52637a;line-height:1.55;margin:8px 0 0}.chat-toolbar{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:14px}.chat-tools{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.chat-tools button{background:#edf3f8;color:#12385f}.chat-status{display:inline-flex;align-items:center;gap:7px;background:#eef6f2;color:#17654d;border:1px solid #cfe7dc;border-radius:8px;padding:10px;font-weight:800}.chat-window{height:420px;overflow:auto;border:1px solid #dce6f0;border-radius:8px;background:#f8fbfd;padding:14px;display:flex;flex-direction:column;gap:10px}.chat-bubble{max-width:78%;padding:12px 14px;border-radius:8px}.chat-content p{margin:0 0 8px;line-height:1.55}.chat-content p:last-child{margin-bottom:0}.chat-content ul{margin:8px 0 0;padding-left:20px}.chat-content li{margin:5px 0;line-height:1.45}.chat-bubble small{display:block;margin-top:7px;color:#66758a;font-weight:750}.chat-bubble.assistant{background:#fff;border:1px solid #dbe5ef;align-self:flex-start}.chat-bubble.user{background:#0b3b68;color:#fff;align-self:flex-end}.chat-bubble.user small{color:#d7e5f2}.chat-form{display:grid;grid-template-columns:1fr auto;gap:10px;margin-top:12px}.support-panel h2{font-size:24px;color:#0b3158;margin:10px 0 14px}.support-panel p{font-size:18px;font-weight:800}.support-panel a{color:#17654d}.toast{position:fixed;right:20px;bottom:20px;background:#071d36;color:#fff;max-width:520px;padding:14px 16px;border-radius:8px;box-shadow:0 14px 30px #0003;font-size:13px;overflow-wrap:anywhere}.image-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#071d36b8;display:grid;place-items:center;padding:24px;z-index:20}.image-modal-body{background:#fff;border-radius:8px;padding:14px;max-width:min(960px,96vw);max-height:92vh;display:grid;gap:10px;box-shadow:0 24px 70px #00000047}.image-modal-body button{justify-self:end;border:0;border-radius:8px;background:#0b3b68;color:#fff;font-weight:800;padding:9px 12px;cursor:pointer}.image-modal-body img{max-width:100%;max-height:78vh;object-fit:contain;border-radius:6px}@media(max-width:1100px){.app-shell{display:block}.sidebar{position:static;width:auto;height:auto}.dashboard-grid,.embedded-score-grid,.kpi-grid,.form-grid,.tutorial-grid,.chat-form,.admin-grid{grid-template-columns:1fr}.topbar{display:block}.actions{margin-top:14px}.score-panel{display:block}.score-panel svg{width:130px;height:130px}.chat-toolbar{display:block}.chat-status{margin-top:10px}.chat-bubble{max-width:94%}.chat-tools,.ai-result-actions{justify-content:flex-start;margin-top:10px}.ai-result-head{display:block}}