*{box-sizing:border-box}body{color:#243247;background:#f3f5f8;margin:0;font:14px/1.5 -apple-system,BlinkMacSystemFont,PingFang SC,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer;color:#34445a;background:#fff;border:1px solid #d4dbe5;border-radius:5px;justify-content:center;align-items:center;gap:8px;padding:8px 16px;display:inline-flex}button:disabled{cursor:default;opacity:.45}button:hover:not(:disabled){color:#2563eb;border-color:#2563eb}button.primary{color:#fff;background:#2563eb;border-color:#2563eb}button.primary:hover{color:#fff;background:#1d4ed8}.link{color:#2563eb;background:0 0;border:0;padding:0}input,select,textarea{color:#243247;background:#fff;border:1px solid #cdd5e0;border-radius:5px;width:100%;padding:9px 12px}input:focus,textarea:focus,select:focus{border-color:#2563eb;outline:2px solid #aac6ff}label{gap:7px;margin-bottom:20px;font-size:13px;display:grid}small{color:#8b96a7;font-size:12px}h1,h2,p{margin:0}h1{font-size:24px;font-weight:650}h2{font-size:19px}.admin-layout{min-height:100vh;display:flex}.sidebar{background:#fff;border-right:1px solid #e2e7ed;flex-direction:column;width:218px;padding:25px 14px;display:flex;position:fixed;inset:0 auto 0 0}.logo{letter-spacing:1px;align-items:center;gap:10px;font-size:20px;font-weight:700;display:flex}.logo svg{color:#2563eb;width:29px;height:29px}.sidebar .logo{padding:0 8px}.sidebar>small{padding:6px 47px 30px}.sidebar nav{gap:8px;display:grid}.sidebar nav button{color:#647188;background:0 0;border:0;justify-content:start;padding:13px 17px}.sidebar nav .active{color:#2563eb;background:#eaf1ff;font-weight:600}.sidebar footer{color:#98a2b0;margin-top:auto;padding:15px;font-size:12px}.admin-layout>main{width:calc(100% - 218px);margin-left:218px}.topbar{color:#7c899a;background:#fff;border-bottom:1px solid #e0e5ec;justify-content:space-between;align-items:center;height:65px;padding:0 32px;font-size:13px;display:flex}.topbar button{border:0}.content{max-width:1600px;margin:auto;padding:35px}.page-heading{justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}.page-heading p{color:#8792a1;margin-top:8px;font-size:13px}.card{background:#fff;border:1px solid #e0e5ec;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #20324a03}.card-toolbar{border-bottom:1px solid #e4e8ef;align-items:center;gap:12px;padding:20px;display:flex}.card-toolbar>strong{flex:1}.card-toolbar input{width:270px}.table-scroll{overflow:auto}table{border-collapse:collapse;white-space:nowrap;width:100%}th{text-align:left;color:#748198;background:#f8fafc;border-bottom:1px solid #e5e9ef;padding:15px 22px;font-size:12px;font-weight:600}td{border-bottom:1px solid #edf0f4;padding:18px 22px;font-size:13px}tr:hover td{background:#fafcff}.item-name{align-items:center;gap:12px;font-weight:600;display:flex}.item-name img{object-fit:contain;background:#f1f4f8;border-radius:6px;width:40px;height:40px}.badge{color:#8c96a5;background:#f0f2f5;border-radius:4px;padding:4px 9px;font-size:12px}.badge.green{color:#26965c;background:#e8f6ee}code{color:#68768b;font:12px ui-monospace,monospace}.pager{color:#748197;justify-content:flex-end;align-items:center;gap:13px;padding:20px;font-size:13px;display:flex}.pager>span:first-child{margin-right:auto}.empty{text-align:center;color:#8b97a8;padding:65px}.error{color:#bd3e31;background:#fff0ee;border-radius:4px;margin:12px 0;padding:12px 18px;font-size:13px}.success{color:#248850;background:#ebf8f0;padding:12px 20px}dialog{color:#27384d;border:0;border-radius:10px;width:min(640px,94vw);max-height:90vh;padding:0;overflow:hidden;box-shadow:0 30px 100px #09152866}dialog[open]{flex-direction:column;display:flex}dialog::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#12253d77}dialog>header{background:#fff;border-bottom:1px solid #e5e9ee;flex:none;justify-content:space-between;align-items:center;padding:18px 25px;display:flex}dialog>header button{border:0;padding:0 5px;font-size:24px}dialog form{min-height:0;padding:25px;overflow-y:auto}.form-grid{grid-template-columns:1fr 1fr;gap:0 20px;display:grid}.full{grid-column:1/-1}.checkbox{align-items:center;display:flex}.checkbox input{width:16px;height:16px}.icon-preview{object-fit:contain;width:64px;height:64px;margin-bottom:20px}.modal-footer{border-top:1px solid #e4e9ef;justify-content:flex-end;gap:12px;padding-top:20px;display:flex}.modal-footer .left{margin-right:auto}.section-title{color:#55637a;border-bottom:1px solid #eceff4;margin:4px 0 14px;padding-bottom:8px;font-size:13px;font-weight:600}.form-grid.triple{grid-template-columns:repeat(3,1fr)}.hint{color:#8b96a7;margin:-8px 0 20px;font-size:12px}.hint.bad{color:#bd3e31}.move-grid{grid-template-columns:repeat(3,1fr);gap:8px 14px;margin-bottom:22px;display:grid}.move-option{gap:6px;margin-bottom:0;font-size:13px}.move-option small{color:#9aa4b2}.attr-group{margin-bottom:18px}.attr-group h4{color:#55637a;margin:0 0 8px;font-size:13px;font-weight:600}.attr-head,.attr-row{grid-template-columns:1fr 110px 96px;align-items:center;gap:10px;display:grid}.attr-head{color:#9aa4b2;padding-bottom:4px;font-size:11px}.attr-head span:nth-child(2),.attr-head span:nth-child(3){text-align:right}.attr-row{margin-bottom:6px}.attr-row label{color:#243247;margin:0;font-size:13px;display:block}.attr-row input{text-align:right;padding:5px 8px;font-size:13px}.attr-locked{color:#9aa4b2;text-align:right;font-size:12px}.attr-row output{text-align:right;font-variant-numeric:tabular-nums;color:#2563eb;font-size:13px}button.danger{color:#bd3e31;border-color:#e7b6ae}button.danger:hover:not(:disabled){color:#bd3e31;background:#fff5f4;border-color:#bd3e31}.target-callout{color:#4e6891;background:#f0f5ff;border-radius:6px;margin-bottom:25px;padding:15px}pre{white-space:pre-wrap;max-width:450px;font-size:11px}.login{background:radial-gradient(at 20% 20%,#e5edff,#0000 60%),#f5f7fc;place-items:center;min-height:100vh;display:grid}.login form{background:#fff;border:1px solid #e0e6ef;border-radius:12px;width:min(420px,90vw);padding:40px;box-shadow:0 15px 50px #3345660d}.login h1{margin-top:30px}.login p{color:#919bad;margin:10px 0 30px}.login .primary{width:100%;padding:11px}.login .error{color:#bd3e31;margin:15px 0}@media (width<=850px){.sidebar{width:170px}.sidebar .logo{font-size:17px}.sidebar>small{padding-left:15px}.admin-layout>main{width:calc(100% - 170px);margin-left:170px}.content{padding:20px}.topbar{padding:0 20px}.page-heading{gap:15px}.page-heading h1{font-size:21px}}@media (width<=600px){.sidebar{width:100%;padding:15px;position:relative;inset:auto}.sidebar>small,.sidebar footer{display:none}.sidebar nav{gap:4px;margin-top:15px;display:flex}.sidebar nav button{flex:1;padding:9px;font-size:12px}.admin-layout{display:block}.admin-layout>main{width:100%;margin:0}.topbar{height:50px;font-size:11px}.content,.card-toolbar{padding:15px}.card-toolbar input{width:100%}.form-grid{grid-template-columns:1fr}.form-grid.triple,.move-grid{grid-template-columns:1fr 1fr}.attr-head,.attr-row{grid-template-columns:1fr 78px 72px;gap:6px}.page-heading p{font-size:12px}.page-heading>.primary{white-space:nowrap;padding:8px;font-size:12px}}.account-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}@media (width<=600px){.account-actions{gap:2px}.account-actions button{padding:8px;font-size:12px}.topbar>span{display:none}.topbar{justify-content:flex-end}}
