:root{font-family:Inter,Microsoft YaHei,PingFang SC,system-ui,sans-serif;color:#1d2433;background:#f6f7fb;font-synthesis:none;--ink: #1d2433;--muted: #798397;--line: #e5e8ef;--panel: #fff;--navy: #151925;--accent: #ef3655;--accent-dark: #d82444;--green: #16855b;--amber: #a76b08;--red: #c62e49;--shadow: 0 10px 35px rgba(29, 36, 51, .06)}*{box-sizing:border-box}html{background:#f6f7fb}body{margin:0;min-width:320px;min-height:100vh}button,input,select,textarea{font:inherit}button{border:1px solid #dfe3eb;background:#fff;color:#343d4e;border-radius:10px;padding:10px 15px;cursor:pointer;transition:.18s ease}button:hover:not(:disabled){border-color:#b8bfcd;transform:translateY(-1px);box-shadow:0 4px 12px #1d243312}button:disabled{cursor:not-allowed;opacity:.58}input,select,textarea{width:100%;border:1px solid #dfe3eb;border-radius:10px;padding:11px 13px;color:var(--ink);background:#fff;outline:none;transition:border-color .18s,box-shadow .18s}input:focus,select:focus,textarea:focus{border-color:#8997e7;box-shadow:0 0 0 3px #5266d81c}textarea{resize:vertical}label{display:grid;gap:7px;color:#596477;font-size:12px;font-weight:600}.primary{border-color:var(--accent);background:var(--accent);color:#fff;font-weight:600}.primary:hover:not(:disabled){border-color:var(--accent-dark);background:var(--accent-dark);box-shadow:0 6px 18px #ef365538}.eyebrow{margin:0 0 7px;color:#939bac;font-size:10px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.muted{color:var(--muted)}.text-button{padding:5px 7px;border:0;color:#5364cc;background:transparent;box-shadow:none!important}.text-button:hover:not(:disabled){color:#3146bf;transform:none}.loading-screen{min-height:100vh;display:grid;place-content:center;justify-items:center;gap:12px;background:radial-gradient(circle at 50% 20%,#fff 0,#f4f0f3 52%,#eef0f6)}.loading-mark{display:grid;width:56px;height:56px;place-items:center;border-radius:18px;color:#fff;background:var(--accent);box-shadow:0 12px 30px #ef365540;font-size:24px;font-weight:700;animation:pulse 1.4s ease-in-out infinite}.loading-screen p{color:var(--muted);font-size:13px}@keyframes pulse{50%{transform:scale(.95);opacity:.78}}.login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(420px,1.1fr) minmax(420px,.9fr);background:#f8f8fa}.login-story{min-height:100vh;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(42px,6vw,88px);color:#fff;background:radial-gradient(circle at 15% 15%,rgba(239,54,85,.32),transparent 30%),radial-gradient(circle at 85% 80%,rgba(93,101,210,.2),transparent 35%),#171923;overflow:hidden;position:relative}.login-story:after{content:"";position:absolute;width:360px;height:360px;right:-120px;top:23%;border:1px solid rgba(255,255,255,.09);border-radius:50%;box-shadow:0 0 0 70px #ffffff06,0 0 0 140px #ffffff05}.story-brand{display:flex;align-items:center;gap:12px;color:#d9dce6;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.story-brand span,.mobile-brand span{display:grid;width:38px;height:38px;place-items:center;border-radius:12px;color:#fff;background:var(--accent);font-size:16px}.login-story h1{position:relative;z-index:1;margin:0;max-width:720px;font-size:clamp(38px,5vw,68px);line-height:1.13;letter-spacing:-.045em}.login-story h1 em{color:#ff5570;font-style:normal}.login-story .eyebrow{color:#a9afc0}.story-copy{position:relative;z-index:1;max-width:570px;margin-top:26px;color:#aeb4c3;font-size:15px;line-height:1.8}.trust-row{display:flex;flex-wrap:wrap;gap:12px 26px;color:#9299aa;font-size:11px}.trust-row span:before{content:"✓";margin-right:7px;color:#66cca1}.login-panel{display:grid;place-items:center;padding:40px}.login-card{width:min(410px,100%);display:grid;gap:19px}.login-card h2{margin:-2px 0 -14px;font-size:30px;letter-spacing:-.03em}.login-card>.muted{margin:0 0 12px;font-size:13px}.login-card small{color:#a1a8b5;text-align:center}.login-button{min-height:46px;margin-top:4px}.mobile-brand{display:none;align-items:center;gap:10px;margin-bottom:20px;font-weight:700}.inline-message{border-radius:9px;padding:10px 12px;font-size:12px}.error-message{color:#aa213a;background:#fff0f3;border:1px solid #f6cbd4}.app-shell{min-height:100vh;display:grid;grid-template-columns:232px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:25px 16px 18px;color:#fff;background:var(--navy)}.logo{display:flex;align-items:center;gap:12px;padding:0 8px 30px;font-size:14px;font-weight:700}.logo>span{display:grid;width:38px;height:38px;place-items:center;border-radius:12px;background:var(--accent);box-shadow:0 7px 18px #ef365538}.logo small{display:block;margin-top:3px;color:#747c91;font-size:9px;font-weight:500;letter-spacing:.1em;text-transform:uppercase}nav{display:grid;gap:6px}nav button{display:flex;align-items:center;gap:12px;width:100%;border-color:transparent;color:#8f98ac;background:transparent;text-align:left;box-shadow:none!important}nav button i{display:grid;width:24px;height:24px;place-items:center;color:#757e94;font-style:normal;font-size:13px}nav button:hover:not(:disabled){color:#fff;border-color:transparent;background:#202532;transform:none}nav button.active{color:#fff;border-color:#303645;background:#282e3c}nav button.active i{color:#ff647c}.sidebar-status{display:flex;align-items:center;gap:10px;margin-top:auto;padding:14px 9px;border-top:1px solid #292e3b;color:#c2c7d3}.sidebar-status strong,.sidebar-status small{display:block}.sidebar-status strong{font-size:10px}.sidebar-status small{max-width:155px;margin-top:3px;overflow:hidden;color:#737c90;font-size:8px;text-overflow:ellipsis}.status-dot{width:8px;height:8px;border-radius:50%;background:#37c88a;box-shadow:0 0 0 4px #37c88a1f}.logout{width:100%;border-color:transparent;color:#8f98ac;background:transparent;text-align:left;box-shadow:none!important}.logout:hover:not(:disabled){color:#fff;border-color:transparent;background:#202532;transform:none}.content{width:100%;max-width:1580px;padding:34px clamp(22px,4vw,58px) 60px}.topbar{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:26px}.topbar h1{margin:0;font-size:27px;letter-spacing:-.035em}.topbar>div>p:last-child{margin:6px 0 0;color:var(--muted);font-size:12px}.top-actions{display:flex;align-items:center;gap:12px}.updated-at{color:#9ba3b2;font-size:10px}.icon-button{color:#606a7c;background:#fff}.notice{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;margin:-7px 0 18px;padding:11px 14px;border:1px solid;border-radius:11px;font-size:12px}.notice p{margin:0}.notice>span{display:grid;width:21px;height:21px;place-items:center;border-radius:50%;font-weight:700}.notice button{padding:0 4px;border:0;color:inherit;background:transparent;box-shadow:none;font-size:18px}.notice.success{color:#116b4b;border-color:#c8eadc;background:#eefaf5}.notice.success>span{color:#fff;background:#24a675}.notice.error{color:#a7213b;border-color:#f0cbd2;background:#fff2f4}.notice.error>span{color:#fff;background:#d23a54}.hero-card{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:154px;margin-bottom:18px;padding:27px 30px;border-radius:18px;color:#fff;background:radial-gradient(circle at 80% 15%,rgba(239,54,85,.34),transparent 30%),linear-gradient(120deg,#1c202d,#292f42);box-shadow:0 12px 35px #181c2926}.hero-card h2{margin:0 0 8px;font-size:25px;letter-spacing:-.03em}.hero-card>div>p:last-child{margin:0;color:#aeb5c5;font-size:12px}.hero-card .eyebrow{color:#8e97ac}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.stat-card{display:flex;align-items:center;gap:14px;min-height:112px;padding:18px;border:1px solid var(--line);border-radius:15px;background:var(--panel);box-shadow:var(--shadow)}.stat-icon{display:grid;flex:0 0 auto;width:41px;height:41px;place-items:center;border-radius:12px;font-size:13px;font-weight:700}.stat-icon.indigo{color:#4a5bc1;background:#eef0ff}.stat-icon.green{color:#16855b;background:#eaf8f2}.stat-icon.amber{color:#a76b08;background:#fff4dc}.stat-icon.red{color:#c62e49;background:#fff0f3}.stat-card span,.stat-card small{display:block}.stat-card span{color:#747f91;font-size:11px}.stat-card strong{display:block;margin:2px 0;font-size:25px}.stat-card small{color:#a0a7b4;font-size:9px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.7fr);gap:18px}.panel{margin-bottom:18px;padding:22px;border:1px solid var(--line);border-radius:15px;background:var(--panel);box-shadow:var(--shadow)}.panel h2{margin:0;font-size:17px;letter-spacing:-.015em}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:20px}.panel-heading h2>span{margin-left:5px;color:#9da4b1;font-size:11px;font-weight:500}.activity-list{display:grid}.activity-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:13px 0;border-top:1px solid #edf0f4}.activity-row:first-child{border-top:0}.activity-bullet{width:8px;height:8px;border-radius:50%;background:#e04d65}.activity-bullet.success{background:#25a878}.activity-row strong{font-size:12px}.activity-row p{margin:4px 0 0;color:#8992a2;font-size:10px}.activity-result{display:grid;justify-items:end;gap:4px}.activity-result span{color:#b52a43;font-size:10px}.activity-result span.success{color:#17825b}.activity-result time{color:#a2a9b5;font-size:9px}.health-panel{height:fit-content}.health-panel>h2{margin-bottom:12px}.attention-item{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid #eef0f4}.attention-item>span{display:grid;width:36px;height:36px;place-items:center;border-radius:10px;font-size:13px;font-weight:700}.attention-item>span.amber{color:var(--amber);background:#fff4dc}.attention-item>span.red{color:var(--red);background:#fff0f3}.attention-item>span.slate{color:#586379;background:#eff1f5}.attention-item strong{font-size:11px}.attention-item p{margin:3px 0 0;color:#9199a7;font-size:9px}.privacy-note{margin-top:18px;padding:14px;border-radius:11px;color:#596478;background:#f6f7fa}.privacy-note strong{font-size:11px}.privacy-note p{margin:5px 0 0;font-size:9px;line-height:1.6}.form-panel{padding:23px}.required-hint{color:#9ca4b1;font-size:9px}.customer-form{display:grid;grid-template-columns:1.2fr 1fr 1.6fr auto;align-items:end;gap:12px}.license-form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:end;gap:13px}.license-form .span-2{grid-column:span 2}.create-license-button{min-height:42px}.form-help{margin:14px 0 0;color:var(--amber);font-size:11px}.table-heading{margin-bottom:12px}.search-box{position:relative;min-width:min(330px,100%)}.search-box>span{position:absolute;top:50%;left:12px;z-index:1;color:#959dab;transform:translateY(-50%)}.search-box input{padding-left:34px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{padding:13px 10px;border-bottom:1px solid #edf0f4;text-align:left;white-space:nowrap}th{color:#929aa9;font-size:9px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}td{color:#5f697b;font-size:11px}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fafbfc}.customer-cell{display:flex;align-items:center;gap:10px;color:#2a3342}.customer-cell>span,.license-customer-mark{display:grid;width:32px;height:32px;place-items:center;border-radius:10px;color:#5564c0;background:#eef0ff;font-size:11px;font-weight:700}.customer-cell strong{font-size:11px}.count-pill{display:inline-grid;min-width:25px;height:23px;place-items:center;border-radius:7px;color:#556177;background:#f0f2f6;font-size:10px;font-weight:700}.note-cell{max-width:300px;overflow:hidden;text-overflow:ellipsis}.align-right{text-align:right}.secret-card{position:relative;display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:16px;margin-bottom:18px;padding:19px 20px;border:1px solid #eedf9c;border-radius:15px;background:#fffbeb;box-shadow:0 7px 22px #644b1412}.secret-icon{display:grid;width:42px;height:42px;place-items:center;border-radius:12px;color:#91630c;background:#fff0bb;font-weight:700}.secret-card code{display:block;margin:2px 0 5px;color:#3b3524;font-size:17px;font-weight:700;letter-spacing:.04em}.secret-card small{color:#988963;font-size:9px}.secret-card .eyebrow{color:#a4873f}.close-secret{padding:7px 11px}.license-toolbar{display:flex;align-items:center;gap:14px;margin:24px 0 13px}.license-toolbar .search-box{margin-right:auto}.filter-tabs{display:flex;gap:3px;padding:3px;border:1px solid #e4e7ed;border-radius:10px;background:#fff}.filter-tabs button{padding:6px 10px;border:0;border-radius:7px;color:#7b8494;background:transparent;box-shadow:none!important;font-size:10px}.filter-tabs button:hover{transform:none}.filter-tabs button.active{color:#fff;background:#303746}.result-count{color:#969eac;font-size:10px;white-space:nowrap}.license-list{display:grid;gap:12px}.license-card{margin:0;padding:0;overflow:hidden}.license-main{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 22px 14px}.license-identity{display:flex;align-items:center;gap:12px}.license-customer-mark{width:38px;height:38px;color:#c42d49;background:#fff0f3}.license-identity p{margin:0 0 4px;font-size:13px;font-weight:700}.license-identity code{color:#687285;font-size:10px}.status{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;color:#616b7d;background:#eff1f5;font-size:9px;font-weight:700}.status i{width:5px;height:5px;border-radius:50%;background:currentColor}.status[data-status=active]{color:#137a55;background:#eaf8f2}.status[data-status=pending]{color:#7c62bf;background:#f1edfc}.status[data-status=suspended]{color:#9a660c;background:#fff4dc}.status[data-status=expired],.status[data-status=revoked]{color:#b42641;background:#fff0f3}.license-details{display:grid;grid-template-columns:1.5fr repeat(3,1fr);padding:13px 22px 18px}.license-details>div{min-width:0;padding:0 18px;border-left:1px solid #edf0f4}.license-details>div:first-child{padding-left:0;border-left:0}.license-details span,.license-details strong,.license-details small{display:block}.license-details span{color:#929aa8;font-size:9px}.license-details strong{margin:5px 0 3px;overflow:hidden;color:#3d4656;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.license-details small{color:#a4abb6;font-size:8px}.license-footer{display:flex;align-items:center;min-height:51px;padding:9px 22px;border-top:1px solid #edf0f4;background:#fafbfc}.license-actions{display:flex;gap:7px}.license-actions button{padding:7px 10px;color:#5f697b;background:#fff;font-size:9px}.danger-text{color:#c22d48!important}.revoked-note{color:#9ca3af;font-size:9px}.devices{border-top:1px solid #edf0f4}.devices summary{display:flex;align-items:center;gap:8px;padding:13px 22px;color:#606b7d;cursor:pointer;font-size:10px;list-style:none}.devices summary::-webkit-details-marker{display:none}.devices summary b{display:grid;min-width:20px;height:20px;place-items:center;border-radius:6px;background:#eef0f4;font-size:8px}.devices summary i{margin-left:auto;color:#929aa8;font-style:normal}.device-row{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:11px;padding:12px 22px;border-top:1px solid #f0f2f5}.device-icon{display:grid;width:29px;height:29px;place-items:center;border-radius:8px;color:#657186;background:#f0f2f6;font-size:11px}.device-row strong{font-size:10px}.device-row p{margin:3px 0 0;color:#9aa2b0;font-size:8px}.device-status{padding:4px 7px;border-radius:6px;color:#8a93a2;background:#eff1f4;font-size:8px}.device-status.active{color:#147a55;background:#eaf8f2}.empty-state{display:grid;justify-items:center;padding:55px 20px;color:#8c95a5;text-align:center}.empty-state>span{display:grid;width:45px;height:45px;place-items:center;margin-bottom:10px;border-radius:14px;color:#737e91;background:#f0f2f6;font-size:14px;font-weight:700}.empty-state p{margin:0;color:#5f697b;font-size:12px;font-weight:700}.empty-state small{margin-top:5px;color:#9ca4b1;font-size:9px}.empty-state.compact{padding:35px 15px}.license-empty{margin-top:0}.modal-backdrop{position:fixed;z-index:100;inset:0;display:grid;place-items:center;padding:20px;background:#14182294;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-card{width:min(500px,100%);display:grid;gap:16px;padding:25px;border:1px solid #e5e8ef;border-radius:17px;background:#fff;box-shadow:0 24px 80px #0d111a40}.modal-card.small{width:min(420px,100%)}.modal-heading{display:flex;align-items:flex-start;justify-content:space-between}.modal-heading h2{margin:0;font-size:20px}.modal-close{padding:2px 7px;border:0;color:#8a93a2;background:transparent;box-shadow:none!important;font-size:23px}.modal-copy{margin:-5px 0 0;color:#747f91;font-size:11px}.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:5px;padding-top:16px;border-top:1px solid #edf0f4}.quick-days{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.quick-days button{padding:7px;color:#6e7788;font-size:10px}.quick-days button.active{color:#fff;border-color:#313847;background:#313847}.confirm-card{justify-items:center;text-align:center}.confirm-card h2{margin:0;font-size:19px}.confirm-card>p{margin:-6px 0 0;color:#737d8e;font-size:11px;line-height:1.7}.confirm-card .modal-actions{width:100%;justify-content:center}.confirm-icon{display:grid;width:47px;height:47px;place-items:center;border-radius:50%;color:#5364cc;background:#eef0ff;font-size:18px;font-weight:700}.confirm-icon.danger{color:#c22c48;background:#fff0f3}.danger-button{color:#fff;border-color:#ca304c;background:#ca304c;font-weight:600}.danger-button:hover:not(:disabled){border-color:#ad1f39;background:#ad1f39}@media(max-width:1150px){.stats-grid,.customer-form{grid-template-columns:repeat(2,1fr)}.customer-form .wide-field{grid-column:span 2}.license-form{grid-template-columns:repeat(2,1fr)}.license-toolbar{flex-wrap:wrap}.license-toolbar .search-box{width:100%}.filter-tabs{order:3;overflow-x:auto;max-width:100%}}@media(max-width:850px){.login-shell{grid-template-columns:1fr}.login-story{display:none}.login-panel{min-height:100vh}.mobile-brand{display:flex}.app-shell{grid-template-columns:1fr}.sidebar{position:static;height:auto;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:15px;padding:13px 16px}.logo{padding:0}.logo small,.sidebar-status{display:none}nav{display:flex;justify-content:center}nav button{width:auto;padding:8px 10px}nav button i{display:none}.logout{width:auto}.content{padding:25px 16px 45px}.dashboard-grid{grid-template-columns:1fr}.license-details{grid-template-columns:repeat(2,1fr);gap:14px}.license-details>div:nth-child(3){padding-left:0;border-left:0}}@media(max-width:600px){.sidebar{grid-template-columns:1fr auto}.logo>div{display:none}nav{order:3;grid-column:1/-1;justify-content:stretch}nav button{flex:1;justify-content:center}.logout{grid-column:2;grid-row:1}.topbar{align-items:flex-start}.updated-at{display:none}.topbar h1{font-size:23px}.hero-card{align-items:flex-start;flex-direction:column}.stats-grid{grid-template-columns:1fr 1fr}.stat-card{align-items:flex-start;flex-direction:column}.customer-form,.license-form{grid-template-columns:1fr}.customer-form .wide-field,.license-form .span-2{grid-column:auto}.table-heading{align-items:stretch;flex-direction:column}.search-box{min-width:0}.secret-card{grid-template-columns:auto 1fr}.secret-card .primary{grid-column:1/-1}.close-secret{position:absolute;top:8px;right:8px}.secret-card code{overflow-wrap:anywhere;font-size:13px}.filter-tabs{width:100%}.filter-tabs button{flex:0 0 auto}.license-details{grid-template-columns:1fr 1fr}.license-details>div{padding:0;border:0}.license-main,.license-footer{align-items:flex-start}.license-actions{flex-wrap:wrap}.device-row{grid-template-columns:auto 1fr auto}.device-row .text-button{grid-column:2/-1;justify-self:end}.modal-card{padding:20px}}