*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--navy:#042c53;--blue:#185fa5;--blue-mid:#378add;--blue-light:#b5d4f4;--blue-pale:#e6f1fb;--surface:#fff;--surface2:#f4f8fd;--surface3:#e6f1fb;--border:rgba(24,95,165,.13);--border2:rgba(24,95,165,.22);--text:#0f1923;--text2:#4a5568;--text3:#8496aa;--success:#0f6e56;--success-bg:#e1f5ee;--warn:#ba7517;--warn-bg:#faeeda;--danger:#a32d2d;--danger-bg:#fcebeb;--radius:8px;--radius-lg:12px}body,html{height:100%;font-family:Segoe UI,system-ui,-apple-system,sans-serif;font-size:14px;color:var(--text);background:var(--surface2);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit;font-size:13px}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--blue-light);border-radius:10px}.btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:6px;font-size:13px;font-weight:500;border:1px solid;transition:all .15s;white-space:nowrap}.btn-primary{background:var(--blue);color:#fff;border-color:var(--blue)}.btn-primary:hover{background:var(--navy);border-color:var(--navy)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-outline{background:transparent;color:var(--blue);border-color:var(--blue-light)}.btn-outline:hover{background:var(--blue-pale)}.btn-ghost{background:transparent;color:var(--text2);border-color:var(--border2)}.btn-ghost:hover{background:var(--surface2)}.btn-danger{background:transparent;color:var(--danger);border-color:#f09595}.btn-danger:hover{background:var(--danger-bg)}.btn-sm{padding:5px 10px;font-size:12px}.btn-icon{padding:6px 8px}.badge{display:inline-block;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:500}.badge-active{background:var(--success-bg);color:var(--success)}.badge-new{background:var(--blue-pale);color:var(--blue)}.badge-pending{background:var(--warn-bg);color:var(--warn)}.badge-inactive{background:#f1efe8;color:#5f5e5a}.badge-high{background:var(--danger-bg);color:var(--danger)}.form-group{display:flex;flex-direction:column;gap:5px}.form-group label{font-size:12px;font-weight:500;color:var(--text2)}.form-input{padding:8px 10px;border:1px solid var(--border2);border-radius:6px;font-size:13px;color:var(--text);background:var(--surface2);outline:none;width:100%;transition:border-color .15s}.form-input:focus{border-color:var(--blue-mid);background:#fff}.form-input:disabled{opacity:.6}textarea.form-input{resize:vertical;min-height:72px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.card-title{font-size:14px;font-weight:600;color:var(--navy)}.app{height:100vh}.app,.main{display:flex;overflow:hidden}.main{flex:1 1;flex-direction:column;min-width:0}.content{flex:1 1;overflow-y:auto;padding:20px 24px}.topbar{background:var(--surface);border-bottom:1px solid var(--border);padding:12px 24px;display:flex;align-items:center;gap:16px;flex-shrink:0}.page-title{font-size:16px;font-weight:600;color:var(--navy);flex:1 1}.topbar-actions{display:flex;align-items:center;gap:10px}.stats-row{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:14px;gap:14px;margin-bottom:20px}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:16px}.stat-label{font-size:11px;color:var(--text3);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.stat-value{font-size:28px;font-weight:600;color:var(--navy);line-height:1}.stat-sub{font-size:11px;color:var(--text3);margin-top:4px}.table-wrap{background:var(--surface);border:1px solid var(--border);border-radius:10px;overflow:hidden}.table-header{padding:12px 16px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:10px}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:13px}thead tr{border-bottom:1px solid var(--border)}th{padding:10px 14px;text-align:left;font-size:11px;font-weight:600;color:var(--text3);text-transform:uppercase;letter-spacing:.4px;white-space:nowrap;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}th:hover{color:var(--blue)}td{padding:11px 14px;border-bottom:1px solid var(--border);white-space:nowrap;color:var(--text);vertical-align:middle}tr:last-child td{border-bottom:none}tr:hover td{background:var(--surface2);cursor:pointer}tr.selected td{background:var(--blue-pale)}.toolbar{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:12px 16px;margin-bottom:16px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.search-wrap{position:relative;flex:1 1;min-width:180px}.search-wrap input{padding:8px 12px 8px 34px}.search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--text3);pointer-events:none}.filter-select{padding:7px 10px;border:1px solid var(--border2);border-radius:6px;font-size:13px;color:var(--text2);background:var(--surface2);outline:none}.filter-select:focus{border-color:var(--blue-mid)}.divider-v{width:1px;height:28px;background:var(--border);flex-shrink:0}.avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:var(--blue-light);color:var(--navy);font-weight:700;flex-shrink:0}.avatar-sm{width:28px;height:28px;font-size:10px}.avatar-md{width:36px;height:36px;font-size:13px}.avatar-lg{width:52px;height:52px;font-size:17px}.name-cell{display:flex;align-items:center;gap:9px}.client-name{font-weight:600;color:var(--navy)}.pagination{padding:12px 16px;border-top:1px solid var(--border);display:flex;align-items:center;gap:6px}.pg-info{font-size:12px;color:var(--text3);margin-right:auto}.pg-btn{padding:5px 10px;border:1px solid var(--border2);border-radius:5px;font-size:12px;background:#fff;color:var(--text2);transition:all .15s}.pg-btn:hover{background:var(--blue-pale);color:var(--blue)}.pg-btn.active{background:var(--blue);color:#fff;border-color:var(--blue)}.pg-btn:disabled{opacity:.4;cursor:not-allowed}.modal-overlay{position:fixed;inset:0;background:rgba(4,44,83,.45);z-index:200;display:flex;align-items:center;justify-content:center;padding:16px}.modal{background:var(--surface);border-radius:var(--radius-lg);width:580px;max-width:100%;max-height:90vh;overflow-y:auto}.modal-sm{width:420px}.modal-header{padding:20px 24px 16px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;position:-webkit-sticky;position:sticky;top:0;background:var(--surface);z-index:1}.modal-title{font-size:16px;font-weight:600;color:var(--navy)}.modal-close{background:none;border:none;font-size:20px;color:var(--text3);padding:4px 6px;border-radius:4px}.modal-close:hover{background:var(--surface2);color:var(--text)}.modal-body{padding:20px 24px}.modal-footer{padding:16px 24px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:10px}.form-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px}.form-row .full,.section-label{grid-column:1/-1}.section-label{font-size:11px;font-weight:600;color:var(--blue);text-transform:uppercase;letter-spacing:.5px;padding-bottom:8px;margin-top:4px}.section-label,.tab-bar{border-bottom:1px solid var(--border)}.tab-bar{display:flex}.tab{padding:8px 16px;font-size:13px;color:var(--text2);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:all .15s}.tab.active,.tab:hover{color:var(--blue)}.tab.active{border-bottom-color:var(--blue);font-weight:500}.detail-panel{width:340px;min-width:340px;background:var(--surface);border-left:1px solid var(--border);display:flex;flex-direction:column;overflow-y:auto;transition:all .2s}.detail-top{padding:20px;border-bottom:1px solid var(--border)}.detail-name{font-size:15px;font-weight:600;color:var(--navy);margin:10px 0 3px}.detail-role{font-size:12px;color:var(--text3)}.detail-section{padding:14px 20px;border-bottom:1px solid var(--border)}.detail-section-title{font-size:11px;font-weight:600;color:var(--text3);text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px}.detail-row{display:flex;justify-content:space-between;padding:5px 0;font-size:12px}.detail-row .key{color:var(--text3)}.detail-row .val{color:var(--text);font-weight:500;text-align:right;max-width:60%;word-break:break-all}.note-item{padding:10px 12px;background:var(--surface2);border-radius:6px;margin-bottom:8px;border:1px solid var(--border)}.note-text{font-size:12px;color:var(--text);line-height:1.5}.note-meta{font-size:10px;color:var(--text3);margin-top:4px}.code-box{background:var(--surface2);border:1px solid var(--border2);border-radius:6px;padding:12px 14px;font-size:12px;font-family:Courier New,monospace;color:var(--blue);word-break:break-all;line-height:1.6}.status-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:10px;font-size:11px}.pulse{width:7px;height:7px;border-radius:50%;animation:pulse 1.5s infinite}.pulse-green{background:var(--success)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.alert{padding:10px 14px;border-radius:6px;font-size:13px;margin-bottom:14px}.alert-error{background:var(--danger-bg);color:var(--danger);border:1px solid #f09595}.alert-success{background:var(--success-bg);color:var(--success)}.spinner{display:inline-block;width:16px;height:16px;border:2px solid var(--blue-light);border-top-color:var(--blue);border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.empty-state{text-align:center;padding:48px 24px;color:var(--text3)}.empty-state .icon{font-size:36px;margin-bottom:12px}.empty-state .title{font-size:15px;font-weight:500;color:var(--text2);margin-bottom:6px}.empty-state .sub{font-size:13px}input[type=checkbox]{accent-color:var(--blue);cursor:pointer;width:14px;height:14px}.sel-count{background:var(--blue-pale);color:var(--blue);font-size:12px;padding:2px 10px;border-radius:10px}[data-theme=dark]{--navy:#e2eaf4;--blue:#60a5fa;--blue-mid:#93c5fd;--blue-light:#1e3a5f;--blue-pale:#1a2f4a;--surface:#1a2030;--surface2:#141824;--surface3:#1e2a3a;--border:hsla(0,0%,100%,.08);--border2:hsla(0,0%,100%,.13);--text:#e8edf3;--text2:#9aacbf;--text3:#5a7080;--success:#34d399;--success-bg:#052e1c;--warn:#fbbf24;--warn-bg:#2d1f05;--danger:#f87171;--danger-bg:#2d0a0a}[data-theme=dark] body,[data-theme=dark] html{background:var(--surface2);color:var(--text)}[data-theme=dark] .form-input:focus{background:var(--surface)}[data-theme=dark] .pg-btn{background:var(--surface);color:var(--text2)}[data-theme=dark] .pg-btn:hover{background:var(--blue-pale)}[data-theme=dark] .btn-primary{background:#185fa5;border-color:#185fa5}[data-theme=dark] .btn-primary:hover{background:#1a4f8a;border-color:#1a4f8a}[data-theme=dark] .badge-inactive{background:#2a2a2a;color:#9aacbf}[data-theme=dark] thead tr{border-bottom-color:var(--border)}[data-theme=dark] .modal-header{background:var(--surface)}