:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#172033;background:#f5f7fb;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#f5f7fb}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.6}.app-frame{display:flex;min-height:100vh}.app-sidebar{width:248px;flex:0 0 248px;background:#172033;color:#eef2ff;padding:20px 14px;transition:width .2s ease}.app-sidebar.is-collapsed{width:76px;flex-basis:76px}.app-brand{display:flex;align-items:center;gap:10px;min-height:40px;padding:0 10px 20px;font-size:18px;font-weight:700}.app-nav{display:grid;gap:5px}.app-nav a{display:flex;align-items:center;gap:10px;min-height:40px;padding:9px 11px;border-radius:8px;color:#bac4dc;text-decoration:none}.app-nav a:hover,.app-nav a.active{color:#fff;background:#2d3b5d}.app-main{min-width:0;flex:1;display:flex;flex-direction:column}.app-header{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:64px;padding:12px 24px;background:#fff;border-bottom:1px solid #e7eaf1}.app-header__left,.app-header__right{display:flex;align-items:center;gap:12px}.app-header__title{margin:0;font-size:20px}.app-content{width:100%;max-width:1440px;margin:0 auto;padding:24px}.app-card{padding:20px;background:#fff;border:1px solid #e7eaf1;border-radius:12px;box-shadow:0 2px 10px #1720330a}.app-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.app-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.app-muted{color:#667085}.app-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:8px 14px;border:1px solid #d7dce8;border-radius:8px;background:#fff;color:#24314d}.app-button:hover{border-color:#8c9bc0}.app-button--primary{border-color:#4353c7;background:#4353c7;color:#fff}.app-button--danger{border-color:#dc4b5f;background:#dc4b5f;color:#fff}.app-button--ghost{border-color:transparent;background:transparent}.auth-page{display:grid;place-items:center;min-height:100vh;padding:24px}.auth-card{width:min(100%,420px);padding:32px;background:#fff;border:1px solid #e7eaf1;border-radius:16px;box-shadow:0 12px 36px #17203317}.auth-card h1{margin:0 0 8px}.auth-card form{display:grid;gap:16px;margin-top:24px}.field{display:grid;gap:7px}.field label{color:#344054;font-size:14px;font-weight:600}.field input,.field select,.field textarea{width:100%;min-height:40px;padding:8px 11px;border:1px solid #d7dce8;border-radius:8px;background:#fff;color:#172033}.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid rgba(67,83,199,.22);border-color:#4353c7}.notice{padding:12px 14px;border-radius:8px;background:#fff5f5;color:#b42318}.state-box{display:grid;place-items:center;min-height:160px;padding:24px;text-align:center;color:#667085}.breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin-bottom:16px;color:#667085;font-size:13px}@media(max-width:760px){.app-sidebar{width:76px;flex-basis:76px}.app-brand span,.app-nav a span{display:none}.app-header{padding:12px 16px}.app-content{padding:16px}.app-header__title{font-size:17px}}