@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{--yellow:#a8e8f9;--yellow-hover:#8ddcf7;--yellow-soft:#a8e8f92e;--navy:#0c1a2e;--navy-2:#0f2138;--navy-3:#14283f;--bg:#fff;--bg-subtle:#f6f7f9;--bg-muted:#eef0f3;--card:#fff;--card-hover:#fafbfd;--ink:#0c1a2e;--ink-soft:#0c1a2eb8;--ink-mute:#0c1a2e73;--line:#0c1a2e14;--line-strong:#0c1a2e29;--success:#34a853;--success-bg:#34a8531f;--warning:#f7c600;--warning-bg:#f7c60024;--warning-text:#8a6f00;--error:#ea4335;--error-bg:#ea43351a;--info:#4285f4;--info-bg:#4285f41f;--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:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-full:9999px;--shadow-sm:0 1px 3px #0c1a2e0f, 0 1px 2px #0c1a2e0a;--shadow-md:0 4px 12px #0c1a2e14, 0 2px 4px #0c1a2e0d;--shadow-lg:0 12px 32px #0c1a2e1f, 0 4px 8px #0c1a2e0f;--sidebar-w:240px;--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);-webkit-font-smoothing:antialiased;line-height:1.55}.app-shell{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-w);background:var(--bg-subtle);border-right:1px solid var(--line);z-index:100;flex-direction:column;min-height:100vh;display:flex;position:fixed;top:0;left:0}.sidebar-logo{border-bottom:1px solid var(--line);padding:20px 18px 16px}.sidebar-logo-mark{align-items:center;gap:10px;text-decoration:none;display:flex}.sidebar-logo-icon{background:var(--navy);border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.sidebar-logo-icon svg{color:var(--yellow)}.sidebar-logo-text{line-height:1.15}.sidebar-logo-text strong{font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--ink);letter-spacing:-.2px;display:block}.sidebar-logo-text span{font-size:var(--text-xs);color:var(--ink-mute);font-weight:var(--weight-medium)}.sidebar-branch{border-bottom:1px solid var(--line);padding:10px 14px}.branch-select{background:var(--card);border:1px solid var(--line-strong);border-radius:var(--radius-sm);width:100%;font-family:var(--font);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--ink);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%230c1a2e' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;padding:7px 30px 7px 10px}.branch-select:focus{border-color:var(--yellow);outline:none}.sidebar-nav{flex:1;padding:12px 0;overflow-y:auto}.nav-section-label{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--ink-mute);text-transform:uppercase;letter-spacing:.06em;padding:14px 18px 6px}.nav-item{font-size:13.5px;font-weight:var(--weight-medium);color:var(--ink-soft);cursor:pointer;-webkit-user-select:none;user-select:none;border-left:3px solid #0000;align-items:center;gap:10px;padding:8px 18px;text-decoration:none;transition:background .12s,color .12s;display:flex}.nav-item:hover{background:var(--bg-muted);color:var(--ink)}.nav-item.active{background:var(--yellow-soft);color:var(--navy);border-left-color:var(--yellow);font-weight:var(--weight-semibold)}.nav-item svg{opacity:.75;flex-shrink:0}.nav-item.active svg{opacity:1}.sidebar-footer{border-top:1px solid var(--line);align-items:center;gap:10px;padding:14px 18px;display:flex}.sidebar-footer-avatar{background:var(--bg-muted);width:32px;height:32px;font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--ink-soft);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.sidebar-footer-info{flex:1;min-width:0}.sidebar-footer-name{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--ink);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sidebar-footer-role{font-size:var(--text-xs);color:var(--ink-mute)}.main{margin-left:var(--sidebar-w);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}.topbar-title{font-size:var(--text-xl);font-weight:var(--weight-semibold);color:var(--ink);flex:1}.topbar-actions{align-items:center;gap:10px;display:flex}.topbar-icon-btn{border-radius:var(--radius-full);border:1px solid var(--line-strong);cursor:pointer;width:36px;height:36px;color:var(--ink-soft);background:0 0;justify-content:center;align-items:center;transition:background .12s;display:flex;position:relative}.topbar-icon-btn:hover{background:var(--bg-muted)}.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(--navy);width:34px;height:34px;color:var(--yellow);font-size:var(--text-sm);font-weight:var(--weight-bold);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;display:flex}.page-content{padding:var(--space-8);flex:1;max-width:1100px}.btn-primary{color:var(--navy);border-radius:var(--radius-full);font-family:var(--font);font-size:var(--text-sm);font-weight:var(--weight-semibold);cursor:pointer;background:#f7c600;border:none;align-items:center;gap:6px;padding:9px 20px;transition:background .12s,box-shadow .12s;display:inline-flex}.btn-primary:hover{background:#e6b800;box-shadow:0 2px 10px #f7c60066}.btn-secondary{color:var(--ink);border-radius:var(--radius-full);font-family:var(--font);font-size:var(--text-sm);font-weight:var(--weight-medium);cursor:pointer;background:0 0;border:1px solid #f7c600;align-items:center;gap:6px;padding:9px 20px;transition:background .12s,border-color .12s;display:inline-flex}.btn-secondary:hover{background:#f7c6001a;border-color:#e6b800}.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;background:0 0;border:none;align-items:center;gap:6px;padding:7px 12px;transition:background .12s,color .12s;display:inline-flex}.btn-ghost:hover{color:var(--navy);background:#f7c6001f}.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)}.card:hover{background:var(--card-hover);box-shadow:var(--shadow-md)}.input{background:var(--bg);border:1px solid var(--line-strong);border-radius:var(--radius-sm);width:100%;font-family:var(--font);font-size:var(--text-md);color:var(--ink);padding:10px 14px}.input::placeholder{color:var(--ink-mute)}.input:focus{border-color:var(--yellow);border-width:2px;outline:none}.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:.05em;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;padding:13px 16px}.table tr:last-child td{border-bottom:none}.table tbody tr:hover td{background:var(--bg-subtle)}.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)}.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)}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)}