@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap");.brand-logo{display:block;width:190px;height:auto;object-fit:contain}.office-skeleton{display:grid;grid-gap:15px;gap:15px}.office-skeleton-block{display:block;border-radius:7px;background:linear-gradient(90deg,#262a2f 20%,#393e44 50%,#262a2f 80%);background-size:200% 100%;animation:office-skeleton-shimmer 1.5s ease-in-out infinite}.office-skeleton-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:12px;gap:12px}.office-skeleton-panel{padding:18px;border:1px solid #353a40;border-radius:12px;background:#15181c;min-width:0}.office-skeleton-icon{width:22px;height:22px;margin-bottom:15px}.office-skeleton-caption{width:48%;height:12px;margin-bottom:14px}.office-skeleton-number{width:33%;height:28px}.office-skeleton-heading{width:180px;height:18px;margin-bottom:15px}.office-skeleton-toolbar{display:flex;gap:10px}.office-skeleton-search{width:min(390px,55%);height:40px}.office-skeleton-action{width:130px;height:40px}.office-skeleton-row{display:flex;align-items:center;gap:15px;padding:14px 0;border-top:1px solid #30343a}.office-skeleton-name{width:35%;height:14px}.office-skeleton-value{width:23%;height:14px;margin-left:auto}.office-skeleton-pill{width:82px;height:24px}@keyframes office-skeleton-shimmer{to{background-position-x:-200%}}@media (max-width:900px){.office-skeleton-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.office-skeleton-toolbar{flex-wrap:wrap}.office-skeleton-search{width:100%}.office-skeleton-action{width:calc(50% - 5px)}.office-skeleton-pill{display:none}}@media (prefers-reduced-motion:reduce){.office-skeleton-block{animation:none}}.login .brand-logo{width:230px;margin-bottom:75px}.shell aside .brand-logo{margin:3px 9px 45px}:root{color-scheme:dark;--bg:#090b0e;--panel:#15181c;--line:#30343a;--orange:#ff7900;--muted:#9fa5ab}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:white;font-family:Inter,Arial,sans-serif}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}h1,h2,p{margin-top:0}h1{font-size:31px;letter-spacing:-.04em}h2{font-size:17px}p{color:var(--muted)}.brand{display:flex;align-items:center;gap:8px;font-size:18px;line-height:.85;letter-spacing:-.07em}.brand>span{font-size:48px;color:var(--orange)}.brand b{font-weight:800}.brand small{display:block;letter-spacing:.25em;font-size:7px;margin-top:8px;color:var(--orange)}.outline,.primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:8px;padding:11px 16px;font-weight:700;font-size:13px;white-space:nowrap}.primary{background:linear-gradient(120deg,#ff6500,#ff8700);border:1px solid #ff8700;color:white}.outline{background:#181b1f;border:1px solid #494e54;color:white}.login{min-height:100vh;display:grid;grid-template-columns:47% 53%;background:#0d0e10}.login form{max-width:480px;width:100%;margin:auto;padding:45px}.login .brand{margin-bottom:75px}.login h1{margin-bottom:7px}.login p{font-size:14px;line-height:1.5;margin-bottom:35px}.login label{display:flex;flex-direction:column;gap:8px;font-size:12px;margin:15px 0}.form-grid input,.login input{border:1px solid #53575e;background:#171a1e;border-radius:8px;padding:12px;color:#fff;outline:0}.login .primary{width:100%;margin-top:20px}.login-art{background:linear-gradient(90deg,#090b0e4f,#090b0e20),url(/hero.png) 50%/cover;display:flex;align-items:flex-end;padding:60px}.login-art h2{font-size:36px;max-width:450px;line-height:1.1}.error{color:#ffba8b!important}.shell{display:flex;min-height:100vh}.shell aside{width:245px;flex:none;background:#0b0d10;border-right:1px solid var(--line);padding:27px 15px;display:flex;flex-direction:column;position:-webkit-sticky;position:sticky;top:0;height:100vh}.shell aside .brand{margin:3px 9px 45px}.shell nav{display:flex;flex-direction:column;gap:7px}.logout,.shell nav button{background:transparent;border:0;border-radius:8px;color:#b9bec4;padding:12px 13px;display:flex;align-items:center;gap:12px;text-align:left;font-size:13px;width:100%}.shell nav button.active{background:linear-gradient(120deg,#ff6500,#ff8200);color:white;font-weight:700}.logout:hover,.shell nav button:hover:not(.active){background:#202329}.logout{margin-top:auto}.shell main{min-width:0;flex:1 1}.shell header{height:75px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:13px;padding:0 35px;background:#0d1013}.shell header>div{display:flex;flex-direction:column;gap:4px;margin-right:auto}.shell header strong{font-size:14px}.shell header small{font-size:11px;color:var(--muted)}.bell,.menu{border:1px solid var(--line);border-radius:8px;color:#fff;background:#181b1f;width:35px;height:35px;display:grid;place-items:center}.menu{display:none}.avatar{background:#4b240c;border:1px solid var(--orange);border-radius:50%;height:33px;width:33px;display:grid;place-items:center;font-size:11px}.username{font-size:12px}.content{padding:35px;max-width:1500px;margin:auto}.title{display:flex;justify-content:space-between;align-items:flex-end;gap:15px;margin-bottom:25px}.modal-head small,.title small{font-size:10px;letter-spacing:.15em;color:var(--orange);font-weight:700}.title h1{margin:8px 0 4px;border-left:5px solid var(--orange);padding-left:14px}.title p{font-size:13px;margin:0 0 0 19px}.stats{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:14px;gap:14px;margin-bottom:18px}.stats>div{border:1px solid var(--line);background:linear-gradient(140deg,#1a1d21,#101216);border-radius:13px;padding:20px;display:flex;flex-direction:column;gap:12px}.stats svg{color:var(--orange)}.stats span{font-size:12px;color:#c9ccd0}.stats strong{font-size:27px}.stats .highlight{border-color:var(--orange);background:linear-gradient(130deg,#40200c,#14171a)}.panel{background:#14171b;border:1px solid var(--line);border-radius:13px;padding:19px}.panel-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:15px}.panel-head h2{margin:0}.panel-head button{background:none;border:0;color:var(--orange);gap:4px}.panel-head button,.recent{display:flex;align-items:center}.recent{gap:16px;border-bottom:1px solid #292e33;padding:16px 0;font-size:13px}.recent:last-child{border-bottom:0}.recent>div{flex:1 1;display:flex;flex-direction:column;gap:5px}.recent small{font-size:11px;color:var(--muted)}.pill{display:inline-block;border-radius:20px;padding:6px 10px;background:#4a2a10;color:#ffb271;font-size:10px;white-space:nowrap}.toolbar{justify-content:flex-end;margin-bottom:14px}.search,.toolbar{display:flex;gap:10px}.search{align-items:center;max-width:380px;margin-right:auto;background:#15191d;border:1px solid var(--line);border-radius:8px;padding:0 12px;color:var(--muted);flex:1 1}.search input{border:0;background:none;color:white;outline:0;padding:11px;width:100%;font-size:12px}.upload input{display:none}.table-panel{padding:0;overflow:hidden}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;font-size:12px}th{padding:16px;text-align:left;color:#aeb3b8;background:#1a1e23;font-size:11px;font-weight:600}td,th{white-space:nowrap}td{padding:15px;border-top:1px solid #30343a;color:#dadde0}td b{color:white}td small{display:block;color:var(--muted);margin-top:5px}.row-action{border:1px solid var(--orange);border-radius:6px;padding:6px 9px;background:transparent;color:var(--orange);font-size:11px}.table-panel select{background:#1b1f23;color:white;border:1px solid #555;border-radius:6px;padding:7px}.empty{text-align:center;padding:30px;font-size:13px}.message{display:flex;align-items:center;justify-content:space-between;padding:12px 15px;border:1px solid #9b530e;background:#3a2312;color:#ffd0a1;border-radius:8px;font-size:12px;margin-bottom:16px;cursor:pointer}.modal-backdrop{position:fixed;inset:0;background:#000b;z-index:30;display:grid;place-items:center;padding:20px}.modal{background:#15191d;border:1px solid #53575d;border-radius:15px;width:min(760px,100%);max-height:90vh;overflow:auto;padding:25px}.modal-head{display:flex;justify-content:space-between;align-items:flex-start}.modal-head h2{font-size:23px;margin:7px 0 22px}.modal-head button{background:none;border:0;color:white}.form-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:13px;gap:13px}.form-grid label{display:flex;flex-direction:column;gap:7px;font-size:11px;color:#ccd0d3}.modal-actions{display:flex;justify-content:flex-end;gap:10px;border-top:1px solid var(--line);margin-top:25px;padding-top:20px}@media (max-width:1050px){.stats{grid-template-columns:repeat(2,1fr)}.toolbar{flex-wrap:wrap}.search{min-width:100%;max-width:none}}@media (max-width:720px){.login{display:block}.login form{padding:40px 25px}.login-art{display:none}.shell aside{position:fixed;z-index:20;transform:translateX(-100%);transition:transform .2s}.shell aside.open{transform:translateX(0)}.menu{display:grid}.shell header{padding:0 15px}.username{display:none}.content{padding:25px 15px}.stats{gap:8px}.title{align-items:flex-start}.title h1{font-size:25px}.title .primary{font-size:0;padding:10px}.title .primary svg{width:20px}.form-grid{grid-template-columns:1fr}.toolbar .outline{flex:1 1;font-size:11px}.recent{flex-wrap:wrap}.recent>div{min-width:100%}}