:root{--blue-600: #1C4599;--blue-700: #183A81;--blue-200: #C6D8FF;--lightblue-50: #F5F7FD;--lightblue-100: #E4EDFF;--lightblue-300: #BFEAFF;--lightblue-400: #2E98D4;--gray-100: #F6F6F6;--gray-200: #C7C7C7;--gray-500: #727171;--gray-600: #555766;--gray-700: #364765;--red-100: #FFEBEE;--red-600: #C62828;--green-100: #E8F5E9;--green-600: #2E7D32;--orange-100: #FFF8E1;--orange-700: #C2410C;--orange-900: #8C3D00;--gold-600: #A16207;--surface-cards: #EDF3FC;--color-brand-primary: var(--blue-600);--color-brand-primary-hover: var(--blue-700);--color-background-page: var(--lightblue-50);--color-background-surface: #FFFFFF;--color-background-subtle: var(--gray-100);--color-background-tertiary: var(--lightblue-300);--color-text-primary: var(--gray-700);--color-text-secondary: var(--gray-600);--color-text-disabled: var(--gray-500);--color-border-default: var(--gray-200);--color-border-light: #E9EAEE;--color-risk-critical: var(--red-600);--color-risk-high: var(--orange-700);--color-risk-medium: var(--gold-600);--color-risk-low: var(--green-600);--radius-sm: 8px;--radius-md: 10px;--radius-lg: 15px;--radius-full: 50px;--shadow-card: 0px 2px 9px 0px rgba(0, 0, 0, .1);--shadow-modal: 0px 8px 24px 0px rgba(0, 0, 0, .15);--font-family-primary: "Open Sans", system-ui, -apple-system, "Segoe UI", sans-serif}*{box-sizing:border-box}body{margin:0;font-family:var(--font-family-primary);background:var(--color-background-page);color:var(--color-text-primary)}button{font-family:inherit;cursor:pointer}input,select,textarea{font-family:inherit}.auth-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(160deg,#0A1959,var(--blue-600))}.auth-card{width:380px;background:var(--color-background-surface);border-radius:var(--radius-lg);padding:32px;box-shadow:var(--shadow-modal)}.auth-card h1{font-size:18px;margin:0 0 4px;color:var(--color-text-primary);font-weight:700}.auth-card p.sub{color:var(--color-text-secondary);font-size:13px;margin:0 0 20px}.field{margin-bottom:14px}.field label{display:block;font-size:12px;font-weight:600;color:var(--color-text-secondary);margin-bottom:5px}.field input{width:100%;padding:9px 14px;border:1px solid var(--color-border-default);border-radius:var(--radius-full);font-size:14px;transition:border-color .15s}.field input:focus{outline:none;border-color:var(--color-brand-primary);background:var(--lightblue-100)}.primary-btn{width:100%;padding:11px;background:var(--color-brand-primary);color:#fff;border:none;border-radius:var(--radius-full);font-weight:600;font-size:14px;transition:background .15s}.primary-btn:hover:not(:disabled){background:var(--color-brand-primary-hover)}.primary-btn:disabled{opacity:.5}.link-btn{background:none;border:none;color:var(--color-brand-primary);font-size:13px;font-weight:600;padding:0}.error-text{color:var(--red-600);font-size:13px;margin:8px 0}.switch-row{text-align:center;margin-top:16px;font-size:13px;color:var(--color-text-secondary)}.app-shell{display:flex;min-height:100vh}.sidebar{width:214px;flex-shrink:0;background:var(--blue-600);color:#fff;padding:20px 15px;display:flex;flex-direction:column;border-right:1px solid rgba(255,255,255,.08)}.sidebar .brand{font-weight:700;font-size:15px;margin-bottom:28px;display:flex;align-items:center;gap:8px;letter-spacing:.2px}.sidebar nav{display:flex;flex-direction:column;gap:2px}.sidebar nav button{display:flex;align-items:center;width:100%;text-align:left;padding:10px 14px;background:none;border:none;color:#ffffffc7;border-radius:var(--radius-sm);font-size:14px;font-weight:500;transition:background .15s,color .15s}.sidebar nav button:hover{background:#ffffff1a;color:#fff}.sidebar nav button.active{background:#ffffff29;color:#fff;font-weight:600}.sidebar .user{margin-top:auto;font-size:12px;color:#ffffffa6;padding-top:20px;border-top:1px solid rgba(255,255,255,.12)}.sidebar .user>div:first-child{color:#fff;font-weight:600;font-size:13px;margin-bottom:2px}.sidebar .signout{margin-top:10px;background:none;border:none;color:#ff9696;font-size:12px;padding:0;font-weight:600}.sidebar .signout:hover{text-decoration:underline}.main{flex:1;padding:30px 36px;overflow-y:auto}.main h2{margin:0 0 4px;font-size:22px;font-weight:700;color:var(--color-text-primary)}.main p.lead{color:var(--color-text-secondary);margin:0 0 22px;font-size:13px}.card{background:var(--color-background-surface);border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow-card);margin-bottom:16px}.card h3{color:var(--color-text-primary);font-size:15px}.thread-row{display:flex;justify-content:space-between;align-items:center;padding:13px 8px;border-bottom:1px solid var(--color-border-light);cursor:pointer;border-radius:var(--radius-sm);transition:background .15s}.thread-row:hover{background:var(--lightblue-100)}.thread-row:last-child{border-bottom:none}.thread-meta{font-size:12px;color:var(--color-text-secondary)}.thread-name{font-weight:600;font-size:14px;color:var(--color-text-primary)}.badge{display:inline-block;padding:3px 12px;border-radius:var(--radius-full);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.3px}.badge.low{background:var(--green-100);color:var(--green-600)}.badge.medium{background:var(--orange-100);color:var(--gold-600)}.badge.high{background:var(--orange-100);color:var(--orange-700)}.badge.critical{background:var(--red-100);color:var(--red-600)}.chat-turn{border:1px solid var(--color-border-light);border-radius:var(--radius-md);padding:14px 16px;margin-bottom:10px;background:var(--color-background-surface)}.chat-turn-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.chat-turn .time{font-size:11px;color:var(--color-text-disabled);font-variant-numeric:tabular-nums}.chat-turn .query{font-size:13px;color:var(--color-text-primary);line-height:1.5}.chat-turn .violations{margin:10px 0 0;padding-left:18px;font-size:12px;color:var(--orange-700)}.empty-state{text-align:center;padding:60px 20px;color:var(--color-text-disabled)}.empty-state b{color:var(--color-text-primary)}table.data-table{width:100%;border-collapse:collapse}table.data-table th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.3px;color:var(--color-text-disabled);font-weight:700;padding:10px 8px;border-bottom:1px solid var(--color-border-default);background:var(--gray-100)}table.data-table td{padding:12px 8px;border-bottom:1px solid var(--color-border-light);font-size:13px;color:var(--color-text-primary)}table.data-table tr:hover td{background:var(--lightblue-100)}.btn-sm{padding:6px 14px;border-radius:var(--radius-full);border:none;font-size:12px;font-weight:600;margin-right:6px;transition:opacity .15s}.btn-sm:hover{opacity:.85}.btn-approve{background:var(--green-100);color:var(--green-600)}.btn-deny{background:var(--red-100);color:var(--red-600)}.policy-form{display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-bottom:20px}.policy-form .full{grid-column:1 / -1}.policy-form label{display:block;font-size:12px;font-weight:600;color:var(--color-text-secondary);margin-bottom:5px}.policy-form input,.policy-form select{padding:9px 14px;border:1px solid var(--color-border-default);border-radius:var(--radius-full);font-size:14px}.policy-form input:focus,.policy-form select:focus{outline:none;border-color:var(--color-brand-primary)}.key-reveal{background:var(--surface-cards);border:1px dashed var(--color-brand-primary);border-radius:var(--radius-sm);padding:12px 14px;font-family:monospace;font-size:13px;word-break:break-all;margin-top:12px}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin-bottom:18px}.stat-card{background:var(--color-background-surface);border-radius:var(--radius-lg);padding:18px;box-shadow:var(--shadow-card);text-align:center}.stat-value{font-size:28px;font-weight:700;color:var(--color-brand-primary)}.stat-label{font-size:12px;color:var(--color-text-secondary);margin-top:4px}.bar-row{display:flex;align-items:center;gap:10px;margin-bottom:10px}.bar-label{width:90px;flex-shrink:0;font-size:12px;color:var(--color-text-secondary)}.bar-track{flex:1;height:10px;background:var(--gray-100);border-radius:var(--radius-full);overflow:hidden}.bar-fill{height:100%;background:var(--color-brand-primary);border-radius:var(--radius-full);transition:width .3s}.bar-fill-critical{background:var(--red-600)}.bar-fill-high{background:var(--orange-700)}.bar-fill-medium{background:var(--gold-600)}.bar-fill-low{background:var(--green-600)}.bar-count{width:30px;flex-shrink:0;text-align:right;font-size:12px;font-weight:600;color:var(--color-text-primary)}
