@import "https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400;1,9..40,600&display=swap";:root{--gold:#f7c600;--gold-hover:#e6b800;--gold-soft:#f7c6001f;--gold-text:#7a5f00;--blue-dark:#0c2a42;--blue-corp:#004e9c;--blue-mid:#027ffe;--blue-soft:#004e9c14;--primary:#004e9c;--brand:#f7c600;--yellow:#f7c600;--yellow-hover:#e6b800;--yellow-soft:#f7c6001f;--navy:#0c2a42;--navy-2:#0e3254;--navy-3:#113d65;--bg:#fff;--bg-page:#f4f5f7;--bg-subtle:#edeef2;--bg-muted:#e4e6eb;--card:#fff;--card-hover:#fafbfd;--ink:#0c2a42;--ink-soft:#0c2a429e;--ink-mute:#0c2a4266;--line:#0c2a4212;--line-strong:#0c2a4221;--sidebar-bg:linear-gradient(180deg, #0e3252 0%, #0c2a42 45%, #081d2d 100%);--sidebar-ink:#ffffff8c;--sidebar-ink-hover:#fff;--sidebar-ink-active:#fff;--sidebar-hover-bg:#ffffff1a;--sidebar-active-bg:#ffffff2e;--sidebar-active-border:#ffffff59;--sidebar-line:#ffffff17;--sidebar-label:#ffffff5c;--success:#1a8a3c;--success-bg:#1a8a3c17;--warning:#f7c600;--warning-bg:#f7c6001f;--warning-text:#7a5f00;--error:#d03027;--error-bg:#d0302717;--info:#004e9c;--info-bg:#004e9c17;--font:"DM Sans", system-ui, sans-serif;--text-xs:11px;--text-sm:13px;--text-base:15px;--text-md:16px;--text-lg:18px;--text-xl:20px;--text-2xl:24px;--text-3xl:28px;--text-4xl:32px;--weight-normal:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--shadow-sm:0 1px 4px #0000000d, 0 1px 2px #00000008;--shadow-md:0 4px 20px #00000012, 0 2px 6px #0000000a;--shadow-lg:0 12px 40px #0000001a, 0 4px 12px #0000000d;--shadow-xl:0 24px 60px #00000024, 0 8px 20px #00000014;--ease:cubic-bezier(.4, 0, .2, 1);--transition:.18s cubic-bezier(.4, 0, .2, 1);--transition-fast:.1s cubic-bezier(.4, 0, .2, 1);--transition-slow:.28s cubic-bezier(.4, 0, .2, 1);--sidebar-w:56px;--sidebar-w-expanded:220px;--topbar-h:56px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font);font-size:var(--text-base);color:var(--ink);background:var(--bg-page);-webkit-font-smoothing:antialiased;line-height:1.55}.app-shell{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-w);background:var(--sidebar-bg);border-right:1px solid var(--sidebar-line);z-index:100;will-change:width;flex-direction:column;min-height:100vh;transition:width .24s cubic-bezier(.4,0,.2,1),box-shadow .24s;display:flex;position:fixed;top:0;left:0;overflow:hidden;box-shadow:2px 0 20px #0000004d}.sidebar:hover{width:var(--sidebar-w-expanded);box-shadow:4px 0 32px #0006}.sidebar-logo{border-bottom:1px solid var(--sidebar-line);flex-shrink:0;justify-content:center;align-items:center;height:60px;display:flex;position:relative;overflow:hidden}.sidebar-logo-mark{justify-content:center;align-items:center;width:100%;height:100%;text-decoration:none;display:flex;position:relative}.sidebar-logo-icon-mark{object-fit:contain;opacity:1;flex-shrink:0;width:36px;height:36px;transition:opacity .14s;position:absolute}.sidebar:hover .sidebar-logo-icon-mark{opacity:0;pointer-events:none}.sidebar-logo-full-img{opacity:0;pointer-events:none;flex-shrink:0;width:160px;height:auto;transition:opacity .2s 80ms;display:block}.sidebar:hover .sidebar-logo-full-img{opacity:1;pointer-events:auto}.sidebar-nav{flex:1;padding:8px 0;overflow:hidden auto}.nav-section-label{font-size:10.5px;font-weight:var(--weight-semibold);color:var(--sidebar-label);text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;opacity:0;max-height:0;padding:0 18px;transition:opacity .16s,max-height .24s,padding .24s;overflow:hidden}.sidebar:hover .nav-section-label{opacity:1;max-height:28px;padding:14px 18px 5px}.nav-item{border-radius:var(--radius-sm);font-size:13.5px;font-weight:var(--weight-medium);color:var(--sidebar-ink);white-space:nowrap;text-shadow:none;transition:background var(--transition), color var(--transition), box-shadow var(--transition), padding .24s var(--ease), gap .24s var(--ease);cursor:pointer;-webkit-user-select:none;user-select:none;border-left:none;align-items:center;gap:0;margin:1px 8px;padding:9px 0 9px 20px;text-decoration:none;display:flex;position:relative}.sidebar:hover .nav-item{gap:9px;padding:8px 16px}.nav-item:hover{background:var(--sidebar-hover-bg);color:var(--sidebar-ink-hover)}.nav-item.active{background:var(--sidebar-active-bg);color:var(--sidebar-ink-active);font-weight:var(--weight-semibold)}.nav-item svg{opacity:.55;transition:opacity var(--transition), color var(--transition);flex-shrink:0}.nav-item:hover svg,.nav-item.active svg{opacity:1;color:#fff}.nav-label{opacity:0;pointer-events:none;max-width:0;transition:opacity .16s 60ms,max-width .24s cubic-bezier(.4,0,.2,1);overflow:hidden}.sidebar:hover .nav-label{opacity:1;pointer-events:auto;max-width:180px}.sidebar-footer{border-top:1px solid var(--sidebar-line);justify-content:center;align-items:center;gap:0;padding:12px 0;transition:padding .24s,gap .24s;display:flex;overflow:hidden}.sidebar:hover .sidebar-footer{justify-content:flex-start;gap:10px;padding:12px 14px}.sidebar-footer-avatar{width:32px;height:32px;font-size:var(--text-sm);font-weight:var(--weight-semibold);color:#fff;background:#ffffff24;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.sidebar-footer-info{opacity:0;min-width:0;max-width:0;transition:opacity .16s 60ms,max-width .24s;overflow:hidden}.sidebar:hover .sidebar-footer-info{opacity:1;max-width:160px}.sidebar-footer-name{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:#ffffffe6;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sidebar-footer-role{font-size:var(--text-xs);color:#ffffff7a;white-space:nowrap}.main{margin-left:var(--sidebar-w);background:var(--bg-page);flex-direction:column;flex:1;min-height:100vh;display:flex}.topbar{height:var(--topbar-h);border-bottom:1px solid var(--line);background:var(--bg);z-index:50;align-items:center;gap:16px;padding:0 32px;display:flex;position:sticky;top:0;box-shadow:0 1px #1e24330d}.topbar-title{font-size:var(--text-xl);font-weight:var(--weight-semibold);color:var(--ink);letter-spacing:-.3px;flex:1}.topbar-actions{align-items:center;gap:10px;display:flex}.topbar-icon-btn{border-radius:var(--radius-full);border:1px solid var(--line);cursor:pointer;width:36px;height:36px;color:var(--ink-soft);transition:background var(--transition), color var(--transition), border-color var(--transition), transform var(--transition);background:0 0;justify-content:center;align-items:center;display:flex}.topbar-icon-btn:hover{background:var(--bg-subtle);color:var(--ink);border-color:var(--line-strong);transform:translateY(-1px)}.notif-dot{background:var(--error);border:1.5px solid var(--bg);border-radius:50%;width:7px;height:7px;position:absolute;top:6px;right:6px}.topbar-avatar{background:var(--blue-soft);width:34px;height:34px;color:var(--blue-corp);font-size:var(--text-sm);font-weight:var(--weight-bold);cursor:pointer;transition:transform var(--transition), box-shadow var(--transition);border:1.5px solid #004e9c2e;border-radius:50%;justify-content:center;align-items:center;display:flex}.topbar-avatar:hover{transform:scale(1.06);box-shadow:0 2px 10px #004e9c29}.page-content{padding:var(--space-8);flex:1;max-width:1100px}.btn-primary{background:var(--gold);color:#1e2433;border-radius:var(--radius-md);font-family:var(--font);font-size:var(--text-sm);font-weight:var(--weight-semibold);cursor:pointer;transition:background var(--transition), box-shadow var(--transition), transform var(--transition);letter-spacing:-.1px;will-change:transform;border:none;align-items:center;gap:6px;padding:9px 20px;display:inline-flex}.btn-primary:hover{background:var(--gold-hover);transform:translateY(-2px);box-shadow:0 4px 20px #f7c60066}.btn-primary:active{transition-duration:80ms;transform:translateY(0);box-shadow:0 2px 8px #f7c60040}.btn-primary:focus-visible{outline:none;box-shadow:0 0 0 4px #f7c60052}.btn-primary:disabled{background:var(--bg-muted);color:var(--ink-mute);box-shadow:none;cursor:not-allowed;transform:none}.btn-secondary{background:var(--bg);color:var(--blue-corp);border-radius:var(--radius-md);font-family:var(--font);font-size:var(--text-sm);font-weight:var(--weight-medium);cursor:pointer;transition:background var(--transition), border-color var(--transition), box-shadow var(--transition), transform var(--transition);will-change:transform;border:1.5px solid #004e9c40;align-items:center;gap:6px;padding:9px 20px;display:inline-flex}.btn-secondary:hover{background:var(--blue-soft);border-color:var(--blue-corp);transform:translateY(-2px);box-shadow:0 4px 16px #004e9c24}.btn-secondary:active{transition-duration:80ms;transform:translateY(0)}.btn-secondary:focus-visible{outline:none;box-shadow:0 0 0 4px #004e9c24}.btn-secondary:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none}.btn-ghost{color:var(--ink-soft);border-radius:var(--radius-sm);font-family:var(--font);font-size:var(--text-sm);font-weight:var(--weight-medium);cursor:pointer;transition:background var(--transition), color var(--transition), border-color var(--transition), transform var(--transition);background:0 0;border:1px solid #0000;align-items:center;gap:6px;padding:7px 12px;display:inline-flex}.btn-ghost:hover{background:var(--bg-subtle);color:var(--ink);border-color:var(--line);transform:translateY(-1px)}.btn-ghost:active{transition-duration:80ms;transform:translateY(0)}.btn-danger{color:var(--error);border-radius:var(--radius-md);font-family:var(--font);font-size:var(--text-sm);font-weight:var(--weight-medium);cursor:pointer;transition:background var(--transition), box-shadow var(--transition), border-color var(--transition), transform var(--transition);background:0 0;border:1.5px solid #d0302740;align-items:center;gap:6px;padding:9px 20px;display:inline-flex}.btn-danger:hover{background:var(--error-bg);border-color:var(--error);transform:translateY(-2px);box-shadow:0 4px 14px #d0302724}.btn-danger:active{transition-duration:80ms;transform:translateY(0)}.badge{border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--weight-semibold);white-space:nowrap;align-items:center;padding:3px 8px;line-height:1;display:inline-flex}.badge-success{background:var(--success-bg);color:var(--success)}.badge-warning{background:var(--warning-bg);color:var(--warning-text)}.badge-error{background:var(--error-bg);color:var(--error)}.badge-info{background:var(--info-bg);color:var(--info)}.badge-neutral{background:var(--bg-muted);color:var(--ink-soft)}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-slow), transform var(--transition-slow), border-color var(--transition-slow)}.card:hover{box-shadow:var(--shadow-md);border-color:#004e9c47;transform:translateY(-2px)}.input{background:var(--bg);border:1.5px solid var(--line-strong);border-radius:var(--radius-sm);width:100%;font-family:var(--font);font-size:var(--text-md);color:var(--ink);transition:border-color var(--transition), box-shadow var(--transition), background var(--transition);padding:10px 14px}.input::placeholder{color:var(--ink-mute)}.input:hover:not(:focus){border-color:#1e243338}.input:focus{border-color:var(--blue-corp);background:var(--bg);border-width:2px;outline:none;box-shadow:0 0 0 4px #004e9c33}.input-label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--ink-soft);margin-bottom:6px;display:block}.form-group{flex-direction:column;gap:0;margin-bottom:16px;display:flex}.table{border-collapse:collapse;width:100%}.table th{text-align:left;font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--ink-mute);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--line);white-space:nowrap;padding:10px 16px}.table td{font-size:var(--text-sm);color:var(--ink);border-bottom:1px solid var(--line);vertical-align:middle;transition:background var(--transition);padding:13px 16px}.table tr:last-child td{border-bottom:none}.table tbody tr{cursor:default;transition:background var(--transition)}.table tbody tr:hover td{background:#f7c60021}.table tbody tr.clickable{cursor:pointer}.table tbody tr.clickable:hover td{background:#f7c60029}.table tbody tr.clickable:hover td:first-child{box-shadow:inset 3px 0 #f7c600}.avatar{font-weight:var(--weight-semibold);color:var(--ink-soft);background:var(--bg-muted);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.avatar-sm{width:32px;height:32px;font-size:12px}.avatar-md{width:40px;height:40px;font-size:14px}.avatar-lg{width:56px;height:56px;font-size:18px}.divider{border:none;border-top:1px solid var(--line);margin:0}.section-header{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.section-title{font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--ink);letter-spacing:-.2px}.text-mute{color:var(--ink-mute)}.text-soft{color:var(--ink-soft)}.text-sm{font-size:var(--text-sm)}.text-xs{font-size:var(--text-xs)}.font-semibold{font-weight:var(--weight-semibold)}.font-medium{font-weight:var(--weight-medium)}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.flex{display:flex}.items-center{align-items:center}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}html{height:100%}body{height:100%;overflow-x:hidden}#root{height:100%}a{color:inherit;text-decoration:none}button,select,textarea{font-family:var(--font)}img{max-width:100%;display:block}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--ink-mute)}@keyframes wa-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.25)}}