:root{--topbar-height: 64px;--sidebar-width: 260px;--sidebar-collapsed: 72px;--accent: #0969b3;--muted: #64748b;--surface: #ffffff;--bg: #f8fafb;--card-shadow: 0 6px 20px rgba(2,6,23,.06);--radius-lg: 12px;--radius-md: 8px;--radius-sm: 6px;--max-content: 1200px;--text: #0f172a;--success: #0969b3;--failed: #b5d3fa;--danger: #dc2626;--lines: #0303032c}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.35;font-size:14px}.app{display:flex;flex-direction:column;min-height:100vh;height:100vh}.topbar{height:var(--topbar-height);display:flex;align-items:center;justify-content:space-between;padding:8px 16px;background:#0969b3;color:#fff;box-shadow:0 3px 10px #0206170f;z-index:20}.topbar .brand{display:flex;align-items:center;gap:10px}.brand{display:flex;align-items:center;gap:10px;min-width:0}.brand-logo{height:28px;width:auto;display:block;border-radius:6px;-o-object-fit:contain;object-fit:contain}.brand-text{line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brand-title{font-weight:600;font-size:23px;margin-left:70px;opacity:.9;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif}.brand-sub{font-size:12px;opacity:.9;margin-left:70px}@media (max-width: 900px){.brand-title{font-size:16px}.brand-sub{display:none}}.topbar-right{display:flex;align-items:center;gap:12px;position:relative}.division-button{display:inline-flex;align-items:center;gap:8px;background:#ffffffb5;border:1px solid rgba(255,255,255,.12);color:#fff;padding:8px 10px;border-radius:12px;cursor:pointer}.division-button .chev{transition:transform .16s ease;transform:rotate(0)}.division-button .chev.open{transform:rotate(90deg)}.division-buttons{display:inline-flex;align-items:center;gap:8px;background:#ffffff10;border:1px solid rgba(255,255,255,.118);color:#fff;padding:8px 10px;border-radius:12px;cursor:pointer}.division-list{margin-top:8px;display:grid;gap:8px}.division-list .division-item{background:#ffffff0f;border:1px solid rgba(255,255,255,.06);padding:8px 10px;border-radius:10px;display:flex;align-items:center;gap:8px;cursor:pointer;color:inherit}.division-list .division-item.active{background:#0969b3;border-color:#0261fb2b;font-weight:700}.division-list .division-item .icon{display:inline-flex;align-items:center;justify-content:center}.division-item.disabled{opacity:.5;cursor:not-allowed;pointer-events:none;background:#ffffff0a}.division-item.disabled:hover{background:#ffffff0a}.user-block{text-align:right;margin-right:6px}.user-name{font-weight:700;font-size:13px}.user-role{font-size:20px;opacity:.85;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif}.layout-body{display:flex;flex:1;height:calc(100vh - var(--topbar-height));overflow:hidden}.sidebar{background:var(--surface);border-right:1px solid rgba(2,6,23,.06);display:block;overflow:hidden;transition:width .18s ease;min-width:var(--sidebar-collapsed);max-width:var(--sidebar-width)}.sidebar.open{width:var(--sidebar-width)}.sidebar.closed{width:0!important;min-width:0!important;border-right:none}.sidebar.closed .sidebar-inner{display:none}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:10px 10px 0}.sidebar-toggle{border:none!important}.sidebar-title{display:none;font-weight:530;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif}.sidebar.open .sidebar-title{display:block}.sidebar-open-btn{position:fixed;left:12px;top:calc(var(--topbar-height));z-index:45;width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:10px;background:#fff;color:#0969b3;box-shadow:0 10px 25px #0206171f,inset 0 0 0 1px #0206170f;cursor:pointer}.sidebar-open-btn:hover{background:#f6f8fb}@media (max-width: 640px){.sidebar-open-btn{left:5px;top:50px}}.sidebar-inner{height:94%;box-sizing:border-box;padding:12px;overflow-y:auto;-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.sidebar-inner::-webkit-scrollbar{width:10px}.sidebar-inner::-webkit-scrollbar-thumb{background:#0206170f;border-radius:999px}.sidebar-section{margin-bottom:12px}.section-title{font-size:12px;color:#334155;margin:6px 4px;padding:2px;font-weight:600;background-color:#0554fd0f}.nav-button{width:100%;display:flex;align-items:center;gap:12px;padding:10px;border-radius:8px;background:transparent;border:none;cursor:pointer;text-align:left;color:var(--text);margin-bottom:6px;transition:background .12s ease,color .12s ease}.nav-button .icon{display:inline-flex;width:20px;height:20px;align-items:center;justify-content:center;color:var(--text);opacity:.9}.nav-button .label-text{flex:1;font-size:14px}.nav-button:hover{background:#68a7f457}.nav-button.active{background:#fdfdfd;color:var(--accent);font-weight:600}.nav-button.compact{padding:8px;align-items:center}.divider{height:1px;background:#0f172a08;margin:8px 0}.main{flex:1;min-width:0;height:100%;overflow:auto;background:linear-gradient(180deg,#f8fafb,#fff)}.container{max-width:var(--max-content);margin:22px auto;padding:18px}.main::-webkit-scrollbar{height:10px;width:10px}.main::-webkit-scrollbar-thumb{background:#0206170f;border-radius:999px}@media (max-width: 640px){.sidebar.open{position:absolute;z-index:40;height:calc(100vh - var(--topbar-height));left:0;top:var(--topbar-height);box-shadow:0 12px 30px #0206171f;width:var(--sidebar-width)}.sidebar{width:var(--sidebar-width);left:0;top:var(--topbar-height);height:calc(100vh - var(--topbar-height))}.layout-body .mobile-overlay{position:fixed;inset:var(--topbar-height) 0 0 0;background:#02061752;z-index:30}.main{position:relative;z-index:10}}.card{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--card-shadow);padding:18px;margin-bottom:18px;border:1px solid rgba(2,6,23,.03)}.page-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.page-header h1{margin:0;font-size:28px;color:#05264c}.page-header .text-muted{margin:0;color:var(--muted)}.table{width:100%;border-collapse:collapse;font-size:14px}.table thead tr th{text-align:left;padding:12px 14px;font-weight:700;color:#0f172a;border-bottom:1px solid rgba(2,6,23,.06);background:#f8fafb80}.table tbody tr td{padding:14px;border-bottom:1px solid rgba(2,6,23,.03);vertical-align:middle}.table tbody tr:hover td{background:#0f172a05}.badge{display:inline-flex;align-items:center;justify-content:center;padding:4px 10px;border-radius:999px;font-weight:600;font-size:12px}.badge-pill{background:#065f4612;color:var(--success)}.label{display:block;font-weight:600;margin-bottom:6px;color:#1f2937}.input{width:100%;padding:10px 12px;border-radius:8px;border:1px solid rgba(2,6,23,.08);background:#fff;outline:none;font-size:14px}.input:focus{box-shadow:0 0 0 4px #065f460f;border-color:var(--accent)}.form-note{font-size:12px;color:var(--muted);margin-top:6px}.icon-btn{background:transparent;border:1px solid rgba(2,6,23,.06);color:inherit;padding:6px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;border-radius:8px}.icon-btn:hover{background:#0f172a08}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:10px;border:1px solid rgba(2,6,23,.06);background:#fff;cursor:pointer;font-weight:600}.btn-primary{background:linear-gradient(90deg,#0644a8,#0699e3);color:#fff;border:none;box-shadow:0 6px 18px #04785714}.btn-ghost{background:#02061705;border:none}.btn:disabled{opacity:.6;cursor:not-allowed}.form-grid{display:grid;gap:12px}.form-grid.cols-2{grid-template-columns:1fr 1fr}.mt-2{margin-top:8px}.mt-4{margin-top:16px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#02061773;display:flex;align-items:center;justify-content:center;z-index:60;padding:18px}.modal{background:var(--surface);border-radius:var(--radius-lg);box-shadow:0 20px 50px #02061733;padding:18px;width:100%;max-width:640px;border:1px solid rgba(2,6,23,.04)}.modal .icon-btn{border:none}.text-muted{color:var(--muted);font-size:13px}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.modal form>*{margin-bottom:12px}@media (max-width: 900px){:root{--sidebar-width: 220px;--max-content: 880px}.container{padding:12px;margin:12px}}@media (max-width: 640px){.sidebar.open{position:absolute;z-index:40;height:calc(100vh - var(--topbar-height));left:0;top:var(--topbar-height);box-shadow:0 12px 30px #0206171f;width:var(--sidebar-width)}.division-dropdown{right:8px}.modal{max-width:92%}.sidebar{width:var(--sidebar-width);left:0;top:var(--topbar-height);height:calc(100vh - var(--topbar-height))}.layout-body .mobile-overlay{position:fixed;inset:var(--topbar-height) 0 0 0;background:#02061752;z-index:30}.main{position:relative;z-index:10}}.division-button{display:inline-flex;align-items:center;gap:8px;padding:8px 10px;border-radius:10px;border:1px solid rgba(2,40,136,.04);background:#024584f2;width:100%;justify-content:space-between;cursor:pointer}.nav-button{min-height:42px;padding:10px 12px}.division-item,.nav-button.compact{display:flex;align-items:center;gap:12px}.division-dropdown{z-index:60}.sidebar-inner{padding-bottom:16px}.main{-webkit-overflow-scrolling:touch}.division-dropdown{position:absolute;right:14px;top:calc(var(--topbar-height) + 6px);transform:translateY(6px);background:#fff;box-shadow:0 8px 20px #0206171f;border-radius:10px;padding:8px;min-width:220px;z-index:50}.division-item{display:flex;gap:10px;align-items:center;justify-content:space-between;width:100%;padding:8px 10px;border-radius:8px;border:none;cursor:pointer}.division-item:hover{background:#065f460a}.division-item .division-item-icon{margin-right:8px;display:inline-flex;align-items:center}.division-item.active{background:#ffffff17;color:#fff;font-weight:600}.division-item-check{color:var(--accent);font-weight:700}.toast-wrap{position:fixed;right:18px;bottom:20px;z-index:9999;display:flex;flex-direction:column;gap:8px}.toast{min-width:220px;max-width:360px;padding:12px 14px;border-radius:10px;color:#fff;font-weight:600;box-shadow:0 8px 30px #0206171f}.toast.success{background:var(--success)}.toast.error{background:var(--danger)}.toast.info{background:#2563eb}button,input,select,textarea{font:inherit}.menu-toggle{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:8px;background:#ffffff0f;color:#fff;border:none;cursor:pointer;margin-right:6px}.topbar{padding:0 16px}.topbar .brand{margin-left:4px}.chev{transform:rotate(0);transition:transform .14s ease;margin-left:6px}.chev.open{transform:rotate(90deg)}.division-wrapper{position:relative;display:inline-block}.division-dropdown{z-index:60;right:8px;top:calc(var(--topbar-height) + 8px)}.mobile-overlay{transition:opacity .18s ease}.layout-body .mobile-overlay{top:var(--topbar-height)}.nav-button{min-height:40px}@media (max-width: 480px){.topbar-right{gap:8px;align-items:center}.user-block{display:none}}.login-card{max-width:520px;margin:0 auto;padding:28px;border-radius:12px;box-shadow:var(--card-shadow);background:var(--surface)}.login-hero{text-align:center;margin-bottom:14px}.user-summary{display:flex;flex-direction:column;gap:4px;text-align:right}.user-summary .name{font-weight:700}.user-summary .role{font-size:12px;color:var(--muted)}@media (max-width: 480px){.user-summary{display:none}}