@import url("https://fonts.googleapis.com/css2?family=Source+Sans+3:wght@300;400;500;600;700&display=swap");:root{--sn-navy:#1b3a6b;--sn-navy-dark:#122850;--sn-navy-hover:#1f4380;--sn-blue:#06c;--sn-blue-hover:#0055a8;--background:#f0f2f4;--surface:#fff;--surface-hover:#f5f7f8;--nav-bg:#1b3a6b;--topbar-bg:#1b3a6b;--topbar-border:#122850;--text-main:#16181a;--text-muted:#6e7d8f;--text-nav:#c8d4e3;--text-nav-active:#fff;--border-color:#d5dde8;--border-light:#e8ecf0;--status-green:#26a671;--status-green-bg:rgba(38,166,113,.12);--status-red:#d93025;--status-red-bg:rgba(217,48,37,.12);--status-yellow:#b07d00;--status-yellow-bg:rgba(247,180,0,.15);--status-blue:#06c;--status-blue-bg:rgba(0,102,204,.1);--status-gray:#6e7d8f;--status-gray-bg:rgba(110,125,143,.12);--status-purple:#6558f5;--status-purple-bg:rgba(101,88,245,.12);--primary:#06c;--primary-hover:#0055a8;--danger:#d93025;--danger-hover:#b52820;--success:#26a671}*,:after,:before{box-sizing:border-box;padding:0;margin:0}body,html{font-size:13px}body{font-family:Source Sans\ 3,Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.5;color:var(--text-main);background:var(--background);min-height:100vh;-webkit-font-smoothing:antialiased}.sn-topbar{position:fixed;top:0;left:0;right:0;height:44px;background:var(--topbar-bg);border-bottom:1px solid var(--topbar-border);padding:0 16px;z-index:1000;gap:0}.sn-topbar,.sn-topbar-brand{display:flex;align-items:center}.sn-topbar-brand{gap:8px;color:#fff;font-size:14px;font-weight:700;letter-spacing:-.3px;padding-right:16px;border-right:1px solid hsla(0,0%,100%,.15);white-space:nowrap;text-decoration:none}.sn-topbar-brand span{font-weight:300;color:hsla(0,0%,100%,.75);font-size:12px;padding-left:6px;border-left:1px solid hsla(0,0%,100%,.2);margin-left:2px}.sn-topbar-logo{width:20px;height:20px;background:#62d84e;border-radius:50%;justify-content:center;font-size:10px;font-weight:800;color:#1b3a6b;flex-shrink:0}.sn-topbar-logo,.sn-topbar-nav{display:flex;align-items:center}.sn-topbar-nav{gap:2px;margin-left:12px;flex:1 1}.sn-topbar-actions{display:flex;align-items:center;gap:4px;margin-left:auto}.sn-topbar-icon-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:4px;color:hsla(0,0%,100%,.8);cursor:pointer;font-size:14px;transition:background .15s}.sn-topbar-icon-btn:hover{background:hsla(0,0%,100%,.12);color:#fff}.sn-user-chip{display:flex;align-items:center;gap:6px;padding:4px 8px 4px 4px;border-radius:20px;background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.15);cursor:pointer;color:#fff;font-size:12px;font-weight:500;transition:background .15s}.sn-user-chip:hover{background:hsla(0,0%,100%,.18)}.sn-avatar{width:24px;height:24px;background:#62d84e;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:#1b3a6b;flex-shrink:0}.sn-layout{padding-top:44px;min-height:100vh;display:flex;flex-direction:column}.sn-content-area{flex:1 1;padding:16px 20px;max-width:1600px;margin:0 auto;width:100%}.sn-breadcrumb{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--text-muted);margin-bottom:12px}.sn-breadcrumb a{color:var(--primary);text-decoration:none}.sn-breadcrumb a:hover{text-decoration:underline}.sn-breadcrumb-sep{color:var(--border-color)}.sn-breadcrumb-current{color:var(--text-main);font-weight:500}.sn-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.sn-page-title{font-size:18px;font-weight:600;color:var(--text-main);letter-spacing:-.2px}.tabs{display:flex;gap:2px;margin-bottom:14px;background:var(--border-light);border-radius:6px;padding:3px;width:-moz-fit-content;width:fit-content;border:1px solid var(--border-color)}.tab{padding:5px 16px;font-size:12px;font-weight:500;color:var(--text-muted);background:transparent;border:none;border-radius:4px;cursor:pointer;transition:all .15s ease;white-space:nowrap}.tab:hover{color:var(--text-main);background:rgba(0,0,0,.04)}.tab.active{background:#fff;color:var(--sn-navy);font-weight:600;box-shadow:0 1px 3px rgba(0,0,0,.12),0 0 0 1px rgba(0,0,0,.06)}.surface{background:var(--surface);border-radius:4px;border:1px solid var(--border-color);box-shadow:0 1px 3px rgba(0,0,0,.06);overflow:hidden}.sn-panel-header{display:flex;justify-content:space-between;align-items:center;padding:8px 14px;background:#f5f7f8;border-bottom:1px solid var(--border-color);min-height:38px}.sn-panel-title{font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.data-table-container{width:100%;overflow-x:auto}.data-table{width:100%;border-collapse:collapse;text-align:left;font-size:12px}.data-table th{background:#f5f7f8;font-weight:600;color:var(--text-muted);font-size:11px;text-transform:uppercase;letter-spacing:.05em;padding:7px 12px;border-bottom:2px solid var(--border-color);white-space:nowrap;position:-webkit-sticky;position:sticky;top:0;z-index:1}.data-table td{padding:6px 12px;border-bottom:1px solid var(--border-light);font-size:12px;vertical-align:middle}.data-table tbody tr{transition:background .1s}.data-table tbody tr:hover{background:#f0f4fa}.data-table tbody tr:last-child td{border-bottom:none}.data-table-compact{font-size:12px}.data-table-compact td,.data-table-compact th{padding:5px 10px;font-size:11px}.data-table-compact th{font-size:10px}.th-wide{min-width:120px;white-space:normal;word-break:keep-all}.input-field{width:100%;padding:5px 10px;border:1px solid var(--border-color);border-radius:3px;background:#fff;color:var(--text-main);font-family:inherit;font-size:12px;transition:border-color .15s,box-shadow .15s}.input-field:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px rgba(0,102,204,.15)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:5px 14px;font-size:12px;font-weight:600;font-family:inherit;border-radius:3px;border:1px solid transparent;cursor:pointer;transition:all .15s ease;white-space:nowrap;letter-spacing:.01em}.btn-primary{background:var(--primary);color:#fff;border-color:var(--primary)}.btn-primary:hover{background:var(--primary-hover);border-color:var(--primary-hover)}.btn-danger{background:var(--danger);color:#fff;border-color:var(--danger)}.btn-danger:hover{background:var(--danger-hover);border-color:var(--danger-hover)}.btn-success{background:var(--success);color:#fff}.btn-outline{background:#fff;border:1px solid var(--border-color);color:var(--text-main)}.btn-outline:hover{background:var(--surface-hover);border-color:#9aabb8}.btn-sm{padding:3px 10px;font-size:11px}.flex{display:flex}.gap-2{gap:6px}.gap-4{gap:12px}.justify-between{justify-content:space-between}.items-center{align-items:center}.mt-4{margin-top:12px}.mb-4{margin-bottom:12px}.loader-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px;color:var(--text-muted);gap:10px;font-size:12px}.spinner{width:28px;height:28px;border-radius:50%;border:2px solid var(--border-color);border-top-color:var(--primary);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.error-message{padding:10px 14px;background:rgba(217,48,37,.07);color:var(--danger);border-radius:3px;margin:12px;border-left:3px solid var(--danger);font-size:12px}.app-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.app-title{font-size:18px;font-weight:600;color:var(--text-main);letter-spacing:-.2px}