:root{--navy-900: #0f172a;--navy-800: #1e293b;--navy-700: #334155;--blue-600: #2563eb;--blue-500: #3b82f6;--blue-50: #eff6ff;--slate-50: #f8fafc;--slate-100: #f1f5f9;--slate-200: #e2e8f0;--slate-400: #94a3b8;--slate-500: #64748b;--slate-600: #475569;--green-50: #f0fdf4;--green-700: #15803d;--amber-50: #fffbeb;--amber-700: #b45309;--red-50: #fef2f2;--red-700: #b91c1c;--radius: 10px;--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, Roboto, sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font);background:var(--slate-50);color:var(--navy-900);line-height:1.55;font-size:15px}button{font-family:inherit}a{color:var(--blue-600);text-decoration:none}a:hover{text-decoration:underline}.portal{display:flex;min-height:100vh}.portal-main{flex:1;padding:32px 36px;max-width:1200px;min-width:0}.page-loading{display:flex;gap:12px;align-items:center;justify-content:center;min-height:60vh;color:var(--slate-500)}.sidebar{width:240px;flex-shrink:0;background:var(--navy-900);color:#cbd5e1;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;overflow-y:auto}.sidebar-brand{display:flex;gap:10px;align-items:center;padding:20px 18px;color:#fff;font-weight:700;font-size:14px;line-height:1.2}.sidebar-brand small{font-weight:500;color:var(--slate-400);font-size:11px}.brand-badge{width:34px;height:34px;border-radius:8px;background:var(--blue-600);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:13px;flex-shrink:0}.sidebar-nav{flex:1;padding:8px}.nav-item{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:8px;color:#cbd5e1;font-size:13.5px;margin-bottom:2px}.nav-item:hover{background:var(--navy-800);text-decoration:none}.nav-item.active{background:var(--blue-600);color:#fff}.nav-icon{width:20px;text-align:center}.sidebar-user{padding:16px 18px;border-top:1px solid var(--navy-700);font-size:12.5px}.user-name{color:#fff;font-weight:600;overflow:hidden;text-overflow:ellipsis}.user-role{color:var(--slate-400);margin:2px 0 10px}.menu-toggle,.menu-backdrop{display:none}.page-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;flex-wrap:wrap}.page-header h1{font-size:22px;font-weight:800}.page-desc{color:var(--slate-500);font-size:14px;margin-top:2px}.page-actions{display:flex;gap:8px}.btn{border:1px solid transparent;border-radius:8px;padding:8px 16px;font-size:13.5px;font-weight:600;cursor:pointer;background:var(--blue-600);color:#fff}.btn:hover{background:var(--blue-500)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-secondary{background:#fff;color:var(--navy-900);border-color:var(--slate-200)}.btn-secondary:hover{background:var(--slate-100)}.btn-danger{background:var(--red-700)}.btn-danger:hover{background:#dc2626}.btn-ghost{background:transparent;color:inherit;border-color:var(--slate-500)}.btn-ghost:hover{background:#ffffff14}.btn-sm{padding:4px 10px;font-size:12px}.card{background:#fff;border:1px solid var(--slate-200);border-radius:var(--radius);padding:20px}.stat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px;margin-bottom:28px}.stat-card{background:#fff;border:1px solid var(--slate-200);border-radius:var(--radius);padding:16px;display:flex;gap:12px;align-items:center}.stat-icon{width:40px;height:40px;border-radius:10px;background:var(--blue-50);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.stat-value{font-size:22px;font-weight:800;line-height:1.1}.stat-label{font-size:12.5px;color:var(--slate-500)}.stat-hint{font-size:11.5px;color:var(--slate-400)}.table-wrap{background:#fff;border:1px solid var(--slate-200);border-radius:var(--radius);overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:13.5px}th{text-align:left;padding:10px 16px;color:var(--slate-500);font-weight:600;font-size:12px;background:var(--slate-50);border-bottom:1px solid var(--slate-200);white-space:nowrap}td{padding:11px 16px;border-bottom:1px solid var(--slate-100);vertical-align:top}tr:last-child td{border-bottom:none}tr.clickable{cursor:pointer}tr.clickable:hover td{background:var(--blue-50)}.empty{padding:36px 16px;text-align:center;color:var(--slate-400)}.badge{font-size:11px;font-weight:600;padding:3px 10px;border-radius:20px;display:inline-block;white-space:nowrap}.badge-slate{background:var(--slate-100);color:var(--slate-600)}.badge-blue{background:var(--blue-50);color:var(--blue-600)}.badge-navy{background:#e0e7ff;color:#3730a3}.badge-green{background:var(--green-50);color:var(--green-700)}.badge-amber{background:var(--amber-50);color:var(--amber-700)}.badge-red{background:var(--red-50);color:var(--red-700)}.form-grid{display:grid;gap:14px}.form-grid.cols-2{grid-template-columns:1fr 1fr}.field{display:flex;flex-direction:column;gap:5px}.field.span-2{grid-column:span 2}.field label{font-size:12.5px;font-weight:600;color:var(--slate-600)}.field input,.field select,.field textarea{font-family:inherit;font-size:14px;padding:9px 12px;border:1px solid var(--slate-200);border-radius:8px;background:#fff;color:var(--navy-900);width:100%}.field textarea{min-height:110px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid var(--blue-500);outline-offset:1px;border-color:var(--blue-500)}.filters{display:flex;gap:10px;margin-bottom:16px;flex-wrap:wrap}.filters input,.filters select{padding:8px 12px;border:1px solid var(--slate-200);border-radius:8px;font-size:13.5px;font-family:inherit;background:#fff}.filters input[type=search]{min-width:220px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;display:flex;align-items:flex-start;justify-content:center;padding:6vh 16px;z-index:50;overflow-y:auto}.modal{background:#fff;border-radius:14px;width:100%;max-width:640px;box-shadow:0 20px 60px #00000040}.modal-head{display:flex;justify-content:space-between;align-items:center;padding:18px 22px;border-bottom:1px solid var(--slate-200)}.modal-head h2{font-size:16px}.modal-close{background:none;border:none;font-size:22px;color:var(--slate-400);cursor:pointer;line-height:1}.modal-body{padding:22px}.modal-foot{padding:14px 22px;border-top:1px solid var(--slate-200);display:flex;justify-content:flex-end;gap:8px}.toast-stack{position:fixed;bottom:20px;right:20px;display:flex;flex-direction:column;gap:8px;z-index:100}.toast{padding:11px 16px;border-radius:10px;font-size:13.5px;font-weight:500;color:#fff;background:var(--navy-800);box-shadow:0 8px 24px #0000002e;max-width:360px}.toast-success{background:var(--green-700)}.toast-error{background:var(--red-700)}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--navy-900),var(--navy-800));padding:20px}.auth-card{background:#fff;border-radius:16px;padding:36px;width:100%;max-width:400px}.auth-card .brand-badge{margin-bottom:16px}.auth-card h1{font-size:20px;margin-bottom:4px}.auth-card .sub{color:var(--slate-500);font-size:13.5px;margin-bottom:22px}.auth-card form{display:grid;gap:14px}.auth-error{background:var(--red-50);color:var(--red-700);padding:10px 14px;border-radius:8px;font-size:13px}.ai-result{display:grid;gap:16px}.ai-result h2{font-size:18px}.ai-summary{color:var(--slate-600);font-size:14.5px}.ai-section h3{font-size:14px;margin-bottom:8px}.ai-section ul,.ai-section ol{padding-left:22px;display:grid;gap:5px;font-size:14px}.risk-row{display:flex;gap:10px;padding:10px 0;border-bottom:1px solid var(--slate-100);font-size:13.5px}.risk-row:last-child{border-bottom:none}.risk-body b{display:block}.risk-body span{color:var(--slate-500)}.ai-draft{background:var(--slate-50);border:1px solid var(--slate-200);border-radius:10px;padding:16px;white-space:pre-wrap;font-size:13.5px}.ai-important{background:var(--amber-50);color:var(--amber-700);border-radius:10px;padding:12px 16px;font-size:13.5px}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.product-card{background:#fff;border:1px solid var(--slate-200);border-radius:var(--radius);padding:20px;display:flex;flex-direction:column;gap:8px}.product-icon{font-size:26px}.product-card h3{font-size:15px}.product-card p{font-size:13px;color:var(--slate-500);flex:1}.product-meta{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.detail-grid{display:grid;grid-template-columns:2fr 1fr;gap:20px;align-items:start}.section-title{font-size:15px;font-weight:700;margin:26px 0 12px}.kv{display:grid;grid-template-columns:130px 1fr;gap:6px 12px;font-size:13.5px}.kv dt{color:var(--slate-500)}.kv dd{font-weight:500}.msg{padding:12px 14px;border-radius:10px;background:var(--slate-100);margin-bottom:10px;font-size:13.5px}.msg-internal{background:var(--amber-50);border:1px dashed var(--amber-700)}.msg-meta{font-size:11.5px;color:var(--slate-500);margin-bottom:4px}@media (max-width: 860px){.portal-main{padding:64px 16px 32px}.sidebar{position:fixed;left:0;top:0;z-index:40;transform:translate(-100%);transition:transform .2s}.sidebar.open{transform:translate(0)}.menu-toggle{display:block;position:fixed;top:12px;left:12px;z-index:30;background:var(--navy-900);color:#fff;border:none;border-radius:8px;width:40px;height:40px;font-size:17px;cursor:pointer}.menu-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a66;z-index:35}.detail-grid,.form-grid.cols-2{grid-template-columns:1fr}.field.span-2{grid-column:auto}}