:root{font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;color:#e5e7eb;background:#0b0c10}*{box-sizing:border-box}a{color:inherit;text-decoration:none}body{margin:0}button,input,select,textarea{font:inherit}code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.layout{display:flex;min-height:100vh}.sidebar{width:240px;background:#0f1117;border-right:1px solid rgba(255,255,255,.08);padding:16px}.sidebar .brand{font-weight:800;letter-spacing:.3px;margin-bottom:14px}.nav a{display:block;padding:10px 12px;border-radius:10px;margin-bottom:8px;background:#ffffff05}.nav a.active{outline:1px solid rgba(255,255,255,.14);background:#ffffff0f}.main{flex:1;padding:18px 18px 40px}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.card{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:14px}.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left;padding:10px 8px;border-bottom:1px solid rgba(255,255,255,.06);font-size:14px}.badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;font-size:12px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08)}.row{display:flex;gap:12px}.col{flex:1}.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.16);background:#ffffff0f;color:#fff;border-radius:12px;padding:8px 12px;cursor:pointer}.btn.primary{background:#3b82f6cc;border-color:#3b82f6e6}.btn.danger{background:#ef4444bf;border-color:#ef4444d9}.btn:disabled{opacity:.5;cursor:not-allowed}.input,.textarea,.select{width:100%;padding:10px 12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#fff}.label{font-size:12px;opacity:.8;margin-bottom:6px}.stack{display:flex;flex-direction:column;gap:10px}hr.sep{border:0;border-top:1px solid rgba(255,255,255,.08);margin:14px 0}.small{font-size:12px;opacity:.8}.error{color:#fca5a5;font-size:13px}.kv{display:flex;gap:10px}.kv>*{flex:1}input[type=color]{-webkit-appearance:none;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:2px;cursor:pointer;background:transparent}input[type=color]::-webkit-color-swatch-wrapper{padding:2px}input[type=color]::-webkit-color-swatch{border:none;border-radius:6px}.mob-header{display:none}.burger-btn{background:none;border:none;padding:8px;cursor:pointer;width:40px;height:40px;position:relative}.burger-icon,.burger-icon:before,.burger-icon:after{display:block;width:22px;height:2px;background:#e5e7eb;border-radius:2px;transition:all .3s ease;position:absolute;left:9px}.burger-icon{top:19px}.burger-icon:before{content:"";top:-7px}.burger-icon:after{content:"";top:7px}.burger-icon.open{background:transparent}.burger-icon.open:before{top:0;transform:rotate(45deg)}.burger-icon.open:after{top:0;transform:rotate(-45deg)}.menu-overlay{display:none}.sidebar-brand{display:block}@media (max-width: 768px){.mob-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:#0f1117;border-bottom:1px solid rgba(255,255,255,.08);position:sticky;top:0;z-index:300}.mob-header .brand{font-weight:800;font-size:16px}.layout{flex-direction:column;min-height:100vh}.sidebar{position:fixed;top:0;left:0;bottom:0;width:260px;z-index:400;background:#0f1117;border-right:1px solid rgba(255,255,255,.1);padding:20px 16px;transform:translate(-100%);transition:transform .3s ease;overflow-y:auto}.sidebar.sidebar-open{transform:translate(0)}.sidebar-brand{font-size:18px;margin-bottom:16px}.nav a{display:block;padding:12px 14px;margin-bottom:4px;font-size:15px;border-radius:10px}.nav a.active{background:#3b82f633;color:#60a5fa}.sidebar hr.sep{margin:12px 0}.sidebar>.btn{width:100%;justify-content:center}.menu-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:350}.main{flex:1;padding:12px 12px 30px}.topbar{flex-direction:column;align-items:stretch;gap:10px}.row{flex-direction:column;gap:10px}.kv{flex-direction:column;gap:8px}.card{padding:12px;border-radius:14px}.table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}.table th,.table td{padding:8px 6px;font-size:12px;white-space:nowrap}.btn{padding:10px 14px;font-size:13px;border-radius:10px}.input,.textarea,.select{padding:12px;font-size:15px;border-radius:10px}h1{font-size:20px}h2{font-size:17px}}