:root{--navy:#0b3550;--navy2:#071f2d;--teal:#25a9a7;--teal2:#4fc0c6;--bg:#f3f7f8;--line:#dce6e9;--text:#18313b;--muted:#667d86;--white:#fff;--green:#14845d;--red:#bf3347;--amber:#a96308;--shadow:0 12px 30px rgba(13,53,72,.07)}*{box-sizing:border-box}html{font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--text);background:var(--bg)}body{margin:0;background:var(--bg);font-size:15px;line-height:1.45}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}input,select,textarea{width:100%;border:1px solid #cbdadd;border-radius:9px;padding:10px 11px;background:#fff;color:var(--text);outline:none}input:focus,select:focus,textarea:focus{border-color:var(--teal);box-shadow:0 0 0 3px rgba(37,169,167,.12)}textarea{min-height:78px;resize:vertical}label{display:grid;gap:6px;color:#3f5963;font-weight:600;font-size:13px}.app-shell{display:grid;grid-template-columns:256px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;background:linear-gradient(180deg,var(--navy2),var(--navy));color:#d7e8ec;padding:16px 12px;display:flex;flex-direction:column;z-index:20}.brand{display:block;background:#fff;border-radius:14px;padding:7px;margin:0 4px 20px;box-shadow:0 8px 20px rgba(0,0,0,.18)}.brand img{width:100%;height:84px;object-fit:contain;display:block}.sidebar nav{display:grid;gap:4px}.nav-link{display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:9px;color:#b9d0d7;font-weight:600}.nav-link:hover,.nav-link.active{background:#1a5265;color:#fff}.nav-dot{width:7px;height:7px;border-radius:50%;background:#6b929f}.nav-link.active .nav-dot{background:var(--teal2);box-shadow:0 0 0 4px rgba(79,192,198,.15)}.sidebar-user{margin-top:auto;border-top:1px solid rgba(255,255,255,.13);padding:16px 10px 4px;display:grid;gap:2px}.sidebar-user span{font-size:12px;color:#8fb0ba}.sidebar-user a{font-size:13px;color:#77d8d6;margin-top:7px}.workspace{min-width:0}.topbar{height:72px;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:14px;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:10}.topbar h1{font-size:19px;margin:0}.topbar p{margin:1px 0 0;font-size:12px;color:var(--muted)}.menu-toggle{display:none;border:0;background:transparent;font-size:24px}.role-pill,.tag,.status{display:inline-flex;align-items:center;border:1px solid #c6dadd;background:#eff7f7;color:#245761;border-radius:999px;padding:4px 9px;font-size:12px;font-weight:700}.content{padding:26px 28px 40px;max-width:1580px;margin:auto}.page-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:20px}.page-intro span{font-size:12px;text-transform:uppercase;letter-spacing:.15em;color:#168b8d;font-weight:800}.page-intro h2{font-size:29px;margin:3px 0 4px}.page-intro p{color:var(--muted);margin:0}.button{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid #bed0d5;background:#fff;color:#254751;border-radius:9px;padding:10px 14px;font-weight:700;cursor:pointer;white-space:nowrap}.button:hover{transform:translateY(-1px);box-shadow:0 5px 14px rgba(10,55,73,.12)}.button.primary{background:var(--navy);border-color:var(--navy);color:#fff}.button.danger{background:#fff1f2;border-color:#f0b7bf;color:var(--red)}.button.ghost{background:#fff}.button.small{font-size:12px;padding:7px 10px}.button.full{width:100%}.panel{background:#fff;border:1px solid var(--line);border-radius:15px;padding:19px;box-shadow:var(--shadow);margin-bottom:18px}.panel summary{cursor:pointer;font-weight:800;font-size:16px;margin:-4px 0 16px}.panel-head{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-bottom:16px}.panel-head h3{margin:0;font-size:17px}.panel-head p{margin:3px 0 0;color:var(--muted);font-size:13px}.filter-grid,.form-grid{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:14px;align-items:end}.form-grid.single{grid-template-columns:repeat(2,minmax(150px,1fr))}.form-grid .wide{grid-column:1/-1}.checkbox-label{display:flex;align-items:center;gap:8px;padding:10px;border:1px solid var(--line);border-radius:9px}.checkbox-label input,.permission-grid input{width:auto}.stack{display:grid;gap:15px}.narrow{max-width:560px}.entity-grid{display:grid;grid-template-columns:repeat(7,minmax(100px,1fr));gap:11px;margin:18px 0}.entity-grid article{background:var(--navy);color:#fff;border-radius:12px;padding:15px}.entity-grid strong{display:block;font-size:24px}.entity-grid span{font-size:12px;color:#b5ced6}.dashboard-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:18px;margin-bottom:18px}.metric-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.metric{background:#fff;border:1px solid var(--line);border-radius:15px;padding:20px;box-shadow:var(--shadow)}.metric span{color:var(--muted)}.metric strong{display:block;font-size:39px;margin:7px 0}.metric small{color:var(--muted)}.score-card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:24px;display:flex;flex-direction:column;align-items:center;text-align:center;box-shadow:var(--shadow)}.score-circle{width:170px;height:170px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle closest-side,#fff 76%,transparent 77% 99%),conic-gradient(var(--teal) calc(var(--score)*3.6),#e5edef 0)}.score-circle strong{font-size:35px}.score-circle span{font-size:12px;color:var(--muted)}.score-card p{color:var(--muted);max-width:330px}.summary-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.summary-strip div{background:#f7fafb;border:1px solid var(--line);border-radius:11px;padding:14px}.summary-strip span{display:block;color:var(--muted);font-size:12px}.summary-strip b{display:block;margin-top:6px}.master-tabs{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.two-column{display:grid;grid-template-columns:1fr 1fr;gap:17px}.table-panel{padding:0;overflow:hidden}.table-panel .panel-head{padding:18px 19px 0}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;border-top:1px solid #e5edef;padding:12px 14px;vertical-align:top}th{background:#f6f9fa;color:#607780;font-size:11px;text-transform:uppercase;letter-spacing:.06em}td{font-size:13px}.muted{color:var(--muted)}.small{font-size:12px}.center{text-align:center}.amber-text{color:var(--amber);font-size:12px}.tag.green,.status.compliant{background:#ecf9f3;border-color:#b7e6d2;color:var(--green)}.tag.amber,.status.not-uploaded{background:#fff8e8;border-color:#f0d79d;color:var(--amber)}.tag.grey,.status.na{background:#f0f3f4;color:#66757b}.tag.high,.tag.critical,.status.non-compliant{background:#fff0f2;border-color:#f1bdc4;color:var(--red)}.tag.medium{background:#fff8e8;color:var(--amber)}.audit-list{display:grid;gap:14px}.audit-card{display:grid;gap:14px}.audit-title{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.audit-title h3{margin:0}.audit-card p{margin:4px 0}.audit-form{display:flex;align-items:end;gap:11px;padding-top:14px;border-top:1px solid var(--line)}.audit-form .grow{flex:1}.action-row,.inline-form{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.inline-form input{width:auto;max-width:220px}.report-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.report-card{display:grid;grid-template-columns:1fr auto;gap:15px;align-items:center}.report-card h3{margin:8px 0 3px}.report-card p,.report-card small{color:var(--muted);margin:0}.report-card .action-row{grid-column:1/-1}.report-score{font-size:28px;font-weight:800;color:var(--navy)}.permission-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px}.permission-grid label{display:flex;gap:8px;align-items:center;border:1px solid var(--line);border-radius:9px;padding:10px}.chat-layout{display:grid;grid-template-columns:280px 1fr;gap:16px}.chat-panel{min-height:580px;display:flex;flex-direction:column}.messages{display:grid;gap:12px;flex:1;align-content:start}.message{background:#f0f4f5;border-radius:12px;padding:12px 14px;max-width:76%}.message.mine{background:#dff5f3;margin-left:auto}.message b{font-size:12px}.message p{margin:4px 0}.message small{color:var(--muted)}.chat-compose{display:grid;grid-template-columns:1fr auto;gap:10px;border-top:1px solid var(--line);padding-top:14px;margin-top:20px}.alert{border:1px solid #cbdadd;background:#f2f7f8;color:#355761;border-radius:10px;padding:11px 14px;margin-bottom:16px}.alert.success{background:#ecf9f3;border-color:#b7e6d2;color:#126743}.alert.danger{background:#fff0f2;border-color:#f1bdc4;color:#a72839}.footer{padding:18px 28px;color:var(--muted);font-size:12px}.auth-body{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at top right,#d9f4f1,transparent 40%),linear-gradient(145deg,#eef5f7,#dfecef);padding:20px}.auth-card{width:min(440px,100%);background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:0 24px 60px rgba(7,35,48,.16);padding:30px}.auth-logo{width:220px;height:150px;object-fit:contain;display:block;margin:-20px auto 2px}.auth-card h1{text-align:center;margin:0 0 6px;font-size:24px}.auth-card>p{text-align:center;color:var(--muted);margin:0 0 22px}.install-card{width:min(540px,100%)}.verify-card dl{display:grid;grid-template-columns:130px 1fr;gap:10px;margin-top:20px}.verify-card dt{color:var(--muted)}.verify-card dd{margin:0;font-weight:700}.verification-status{display:flex;justify-content:space-between;padding:15px;border-radius:11px}.verification-status.valid{background:#ecf9f3;color:var(--green)}.verification-status.pending{background:#fff8e8;color:var(--amber)}.report-body{background:#e8eef0;padding:20px}.print-toolbar{max-width:1120px;margin:0 auto 14px;display:flex;gap:10px}.report-sheet{max-width:1120px;margin:auto;background:#fff;box-shadow:0 20px 50px rgba(11,53,80,.16);padding:36px}.report-header{display:grid;grid-template-columns:180px 1fr 115px;gap:24px;align-items:center;border-bottom:3px solid var(--teal);padding-bottom:20px}.report-header>img:not(.qr){width:170px;height:110px;object-fit:contain}.report-header .qr{width:105px;height:105px}.report-header span{color:var(--teal);font-size:11px;font-weight:800;letter-spacing:.12em}.report-header h1{margin:4px 0;font-size:28px}.report-header p{margin:0;color:var(--muted)}.report-parties{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:22px 0}.report-parties div{border:1px solid var(--line);border-radius:10px;padding:12px}.report-parties span,.report-approval span{display:block;color:var(--muted);font-size:11px;text-transform:uppercase}.report-parties b{display:block;margin-top:4px}.large-score{font-size:24px;color:var(--teal)}.report-table-wrap{overflow:auto}.report-approval{display:grid;grid-template-columns:1fr 1fr 1.5fr;gap:20px;border-top:2px solid var(--navy);margin-top:24px;padding-top:18px}.report-approval b,.report-approval small{display:block;margin-top:4px}.signature{border-top:1px solid #778d94;padding-top:8px}.certificate-copy{font-size:18px;line-height:1.85;padding:35px 20px;border:1px solid var(--line);border-radius:12px;margin:12px 0 35px}.empty{text-align:center;color:var(--muted);padding:40px}
.score-circle{background:radial-gradient(circle closest-side,#fff 76%,transparent 77% 99%),conic-gradient(var(--teal) var(--score),#e5edef 0)}
.infographic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:18px 0}.infographic-card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:18px;box-shadow:var(--shadow)}.infographic-card h3{margin:0 0 3px}.infographic-card>p{color:var(--muted);font-size:13px;margin:0 0 14px}.pipeline-list{display:grid;gap:9px}.pipeline-item{display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:9px}.pipeline-item>span{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:#e8f7f6;color:var(--teal);font-weight:800}.pipeline-item small{display:block;color:var(--muted)}.donut-flex{display:flex;align-items:center;justify-content:center;gap:20px}.donut-chart{width:125px;height:125px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle closest-side,#fff 65%,transparent 66%),conic-gradient(var(--green) 0 var(--compliant),var(--red) var(--compliant) var(--noncompliant),var(--amber) var(--noncompliant) var(--uploaded),#aebbc0 var(--uploaded) 360deg)}.donut-chart b{font-size:25px}.chart-legend{display:grid;gap:5px;font-size:12px}.trend-chart{height:130px;display:flex;align-items:flex-end;gap:9px;border-bottom:1px solid var(--line)}.trend-chart div{flex:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:4px}.trend-chart i{display:block;width:25px;height:var(--height);background:linear-gradient(180deg,var(--teal2),var(--navy));border-radius:6px 6px 2px 2px}.trend-chart span{font-size:11px;color:var(--muted)}.analysis-score{text-align:center}.analysis-score b{display:block;font-size:28px;color:var(--teal)}.analysis-score span{font-size:11px;color:var(--muted)}.analysis-meta,.extracted-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;margin:20px 0}.analysis-meta div,.extracted-grid div{border:1px solid var(--line);border-radius:10px;padding:11px}.analysis-meta span,.extracted-grid span{display:block;color:var(--muted);font-size:11px;text-transform:uppercase}.analysis-meta b,.analysis-meta small,.extracted-grid b{display:block;margin-top:3px}.observation-list{display:grid;gap:10px}.observation{border-left:4px solid var(--amber);background:#fff9ed;border-radius:8px;padding:11px}.observation.pass{border-color:var(--green);background:#effaf5}.observation.fail{border-color:var(--red);background:#fff2f4}.observation p{margin:3px 0 0}.profile-grid{display:grid;grid-template-columns:.65fr 1.35fr;gap:18px}.profile-summary{text-align:center}.profile-avatar{width:82px;height:82px;border-radius:50%;display:grid;place-items:center;margin:0 auto 12px;background:linear-gradient(135deg,var(--navy),var(--teal));color:#fff;font-size:26px;font-weight:800}
@media(max-width:1100px){.entity-grid{grid-template-columns:repeat(4,1fr)}.filter-grid,.form-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.summary-strip{grid-template-columns:repeat(2,1fr)}.infographic-grid{grid-template-columns:1fr 1fr}.profile-grid{grid-template-columns:1fr}}
@media(max-width:760px){.app-shell{display:block}.sidebar{position:fixed;left:-270px;width:256px;transition:left .2s}.sidebar.open{left:0}.menu-toggle{display:block}.topbar{padding:0 15px}.content{padding:20px 14px}.page-intro{align-items:flex-start;flex-direction:column}.page-intro h2{font-size:25px}.entity-grid{grid-template-columns:repeat(2,1fr)}.metric-grid,.master-tabs,.two-column,.report-grid,.chat-layout,.infographic-grid{grid-template-columns:1fr}.filter-grid,.form-grid,.form-grid.single{grid-template-columns:1fr}.summary-strip,.permission-grid,.analysis-meta,.extracted-grid{grid-template-columns:1fr}.audit-form{align-items:stretch;flex-direction:column}.report-card{grid-template-columns:1fr}.report-header{grid-template-columns:1fr;text-align:center}.report-header img{margin:auto}.report-parties,.report-approval{grid-template-columns:1fr}.report-sheet{padding:20px}.message{max-width:92%}}
@media print{.print-toolbar{display:none}.report-body{background:#fff;padding:0}.report-sheet{box-shadow:none;max-width:none;padding:0}.report-header .qr{display:block}}