body{margin:0}html{scroll-behavior:smooth}::selection{color:#263238;background:#ffd7d0}*{scrollbar-width:thin;scrollbar-color:#eab0a8 transparent;box-sizing:border-box}button{font:inherit}input,select,textarea{width:100%;font:inherit}.app{grid-template-columns:240px 1fr;min-height:100vh;display:grid}.sidebar{color:#263238;background:#fff;padding:24px 14px}.brand{color:#fff;padding:0 10px 28px;font-size:20px;font-weight:750}.nav{text-align:left;color:#d1d5db;background:0 0;width:100%;margin:3px 0}.nav.active,.nav:hover{color:#d94f43;background:#fff0ed}.main{width:100%;max-width:1440px;margin:0 auto;padding:34px}.topbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px;display:flex}.account{align-items:center;gap:10px;display:flex}.account select{min-width:180px}.topbar h1{margin:0;font-size:28px}.muted{color:#6b7280}.grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.two{grid-template-columns:repeat(2,minmax(0,1fr))}.card{background:#fff;border:1px solid #eee8e4;border-radius:14px;padding:20px;animation:.35s both rise-in;box-shadow:0 10px 35px #543a300e}.metric{margin-top:8px;font-size:28px;font-weight:700}.section{margin-top:20px}.form{gap:12px;display:grid}.row{align-items:center;gap:12px;display:flex}.row>*{flex:1}.inline-check{color:#46525a;align-items:center;gap:8px;min-height:42px;display:flex}.inline-check input{width:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid #e5e7eb;padding:12px 8px}th{color:#6b7280;text-transform:uppercase;font-size:12px}.badge{color:#1d4ed8;background:#dbeafe;border-radius:999px;padding:3px 8px;font-size:12px;display:inline-block}.danger{color:#b91c1c}.notice{color:#991b1b;background:#fef2f2;border-radius:8px;padding:12px}@media (width<=760px){.app{grid-template-columns:1fr}.sidebar{padding:12px}.nav{width:auto}.brand{padding-bottom:10px}.grid,.two{grid-template-columns:1fr}.main{padding:18px}}input{border:1px solid #d1d5db;border-radius:8px;padding:10px 12px}textarea{resize:vertical;border:1px solid #d1d5db;border-radius:8px;min-height:104px;padding:10px 12px}.label-output{gap:10px;margin-top:12px;display:grid}.label-output pre{color:#f7fbff;white-space:pre-wrap;word-break:break-word;background:#17212b;border-radius:8px;margin:0;padding:14px;overflow:auto}.card button:not(.MuiButton-root){color:#fff;cursor:pointer;background:linear-gradient(135deg,#f47a69,#ed5d50);border:none;border-radius:8px;padding:10px 14px}.card button:not(.MuiButton-root):disabled{cursor:not-allowed;background:#9ca3af}select{color:#263238;appearance:none;cursor:pointer;background-color:#fff;background-image:linear-gradient(45deg,#0000 50%,#f26b5b 50%),linear-gradient(135deg,#f26b5b 50%,#0000 50%);background-position:calc(100% - 18px) 17px,calc(100% - 13px) 17px;background-repeat:no-repeat;background-size:5px 5px,5px 5px;border:1px solid #dcd5d1;border-radius:10px;min-height:42px;padding:10px 42px 10px 12px;transition:border-color .2s,box-shadow .2s}select:hover{border-color:#f3a095}select:focus{border-color:#f26b5b;outline:none;box-shadow:0 0 0 3px #f26b5b21}select:disabled{color:#9b9d9e;cursor:not-allowed;background-color:#f4f1ef}.secondary{color:#c84f43;background:#fff0ed}.login{max-width:420px;margin:0 auto 20px}.page-enter{animation:.38s cubic-bezier(.2,.7,.2,1) both page-enter}.metric-card{animation:.45s cubic-bezier(.2,.8,.2,1) both rise-in}.metric-card:hover{transform:translateY(-3px)}@keyframes page-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes rise-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}
