:root{font-family:Inter,"Segoe UI","Microsoft YaHei",sans-serif;color:#182c32;background:#f3f6f5;font-synthesis:none;--ink:#182c32;--muted:#788a90;--line:#e3e9e9;--teal:#087e78;--teal-dark:#086761;--navy:#15282f;--soft:#f3f7f6;--white:#fff;--shadow:0 16px 45px rgba(24,49,52,.055)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px}[hidden]{display:none!important}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}input,select,textarea{color:var(--ink)}input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible{outline:3px solid rgba(8,126,120,.19);outline-offset:2px}a{color:inherit}
.eyebrow{display:block;color:var(--teal);font-size:11px;letter-spacing:.13em;font-weight:800;text-transform:uppercase}.eyebrow.light{color:#72e1d4}.muted{color:var(--muted)}.signal-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#29c899;box-shadow:0 0 0 4px rgba(41,200,153,.13);vertical-align:middle}
.brand-mark{display:grid;place-items:center;width:36px;height:36px;flex:none;border-radius:11px;background:#d6fcf1;color:#116c63;font-size:22px;font-weight:900;font-style:italic;letter-spacing:-.12em;padding-right:4px}
.button{min-height:41px;padding:0 15px;border-radius:10px;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:9px;white-space:nowrap;font-weight:700;font-size:13px;transition:background .16s,border-color .16s,transform .16s,box-shadow .16s}.button:hover:not(:disabled){transform:translateY(-1px)}.button-primary{background:var(--teal);color:#fff;box-shadow:0 6px 15px rgba(8,126,120,.14)}.button-primary:hover:not(:disabled){background:var(--teal-dark);box-shadow:0 9px 17px rgba(8,126,120,.18)}.button-secondary{color:#344d51;background:#fff;border-color:#dbe4e3}.button-secondary:hover:not(:disabled){background:#f5faf9;border-color:#b7d2ce}.button.full{width:100%}.button.small{min-height:34px;padding:0 11px;font-size:12px}.text-button{border:0;background:transparent;color:var(--teal);font-size:12px;font-weight:800;padding:5px}.text-button:hover{text-decoration:underline}.icon-button{width:30px;height:30px;border:0;background:#f1f5f4;border-radius:8px;color:#52666a;font-size:22px;line-height:1}

.login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(380px,46%) 1fr;background:#f6f8f7}.login-story{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;min-height:100vh;padding:44px clamp(34px,6vw,90px);color:#fff;background:radial-gradient(circle at 95% 5%,rgba(68,222,190,.24),transparent 28%),radial-gradient(circle at 3% 83%,rgba(59,153,192,.18),transparent 39%),#132c32}.login-story:before,.login-story:after{content:"";position:absolute;border:1px solid rgba(195,255,245,.12);border-radius:50%;pointer-events:none}.login-story:before{width:650px;height:650px;right:-360px;bottom:-175px}.login-story:after{width:410px;height:410px;right:-245px;bottom:-50px}.brand-lockup{position:relative;z-index:1;display:flex;align-items:center;gap:14px;letter-spacing:.14em;font-size:13px;font-weight:700}.brand-lockup .brand-mark{width:40px;height:40px}.brand-lockup b{font-weight:400;color:#b1c9c7}.login-story-copy{position:relative;z-index:1;max-width:550px}.login-story-copy h1{font-size:clamp(42px,4vw,66px);line-height:1.14;letter-spacing:-.055em;margin:24px 0}.login-story-copy p{max-width:400px;color:#a8c0c1;font-size:15px;line-height:1.9}.story-bottom{position:relative;z-index:1;font-size:12px;color:#b8ceca;letter-spacing:.04em}.story-bottom .signal-dot{margin-right:8px}.login-panel{display:flex;justify-content:center;align-items:center;padding:40px 30px}.login-card{width:min(100%,400px)}.login-icon{display:grid;place-items:center;width:50px;height:50px;border-radius:15px;margin-bottom:34px;color:var(--teal);background:#e4f5f1;font-size:28px;font-weight:300}.login-card h2{font-size:32px;letter-spacing:-.04em;margin:11px 0 9px}.login-card>p{margin:0 0 35px;color:var(--muted);font-size:14px;line-height:1.7}.login-card form label,.stack-form label,.modal label{display:block;font-size:12px;color:#495f62;font-weight:800}.login-card form input,.stack-form input,.stack-form select,.modal input,.modal select,.modal textarea{width:100%;min-height:43px;padding:11px 12px;margin-top:8px;border:1px solid #dce6e4;background:#fff;border-radius:9px;outline:none}.login-card form input:focus,.stack-form input:focus,.stack-form select:focus,.modal input:focus,.modal select:focus,.modal textarea:focus{border-color:#73c6b9;box-shadow:0 0 0 3px rgba(8,126,120,.1)}.login-card form .button{margin-top:20px;justify-content:space-between;padding:0 18px}.login-foot{border-top:1px solid #e4eae8;margin-top:43px;padding-top:18px;color:#9aabae;font-size:11px;line-height:1.6}.form-error{margin-top:10px;color:#ad4141;font-size:12px}

.app-shell{min-height:100vh;display:grid;grid-template-columns:248px minmax(0,1fr)}.sidebar{position:sticky;top:0;min-height:100vh;height:100vh;display:flex;flex-direction:column;padding:25px 15px 20px;color:#e7efee;background:#13282e}.side-brand{display:flex;align-items:center;gap:11px;padding:0 10px;margin-bottom:44px}.side-brand strong{display:block;font-size:15px;letter-spacing:.01em}.side-brand small{display:block;margin-top:3px;font-size:10px;color:#8fb1b1;letter-spacing:.15em;text-transform:uppercase}.side-label{padding:0 17px;margin-bottom:12px;color:#6e9294;font-size:10px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.side-nav{display:grid;gap:4px}.nav-item{width:100%;height:44px;display:flex;align-items:center;gap:13px;padding:0 14px;border:1px solid transparent;border-radius:9px;text-align:left;color:#a9bfc0;background:transparent;font-size:13px;font-weight:650}.nav-item:hover{color:#fff;background:rgba(255,255,255,.06)}.nav-item.active{color:#ebfffc;background:#204a4b;border-color:rgba(116,232,206,.11);box-shadow:inset 3px 0 0 #57d2bd}.nav-symbol{width:21px;text-align:center;color:#8fbab5;font-size:20px;line-height:1}.nav-item.active .nav-symbol{color:#73ddca}.nav-count{margin-left:auto;padding:2px 7px;border-radius:20px;color:#fff;background:#ba6651;font-size:10px}.side-help{margin:auto 7px 24px;padding:15px 14px 12px;border:1px solid rgba(153,217,204,.1);background:rgba(255,255,255,.035);border-radius:12px}.mini-orbit{display:block;width:27px;height:27px;margin-bottom:12px;border:6px solid #4bc8ae;border-right-color:#b5efe4;border-radius:50%}.side-help strong{display:block;font-size:12px}.side-help p{margin:6px 0 0;color:#8da8aa;font-size:11px;line-height:1.6}.side-bottom{display:flex;align-items:center;gap:9px;border-top:1px solid rgba(230,255,255,.1);padding:18px 8px 0}.admin-avatar{width:32px;height:32px;display:grid;place-items:center;flex:none;color:#dffbf4;background:#2d6965;border-radius:9px;font-size:12px;font-weight:800}.side-bottom div{min-width:0;flex:1}.side-bottom strong,.side-bottom small{display:block;white-space:nowrap}.side-bottom strong{font-size:12px}.side-bottom small{font-size:10px;color:#7fa49f;margin-top:3px}.side-bottom button{border:0;background:transparent;color:#98b9b8;font-size:11px}.side-bottom button:hover{color:#fff}
.main-shell{min-width:0}.topbar{min-height:129px;padding:27px clamp(24px,3.5vw,48px) 25px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #e5ebea;background:#fff}.topbar h1{margin:6px 0 3px;font-size:25px;letter-spacing:-.04em}.topbar p{margin:0;color:var(--muted);font-size:12px}.topbar-actions{display:flex;align-items:center;gap:20px}.sync-label{display:flex;align-items:center;gap:8px;color:#647e7e;font-size:11px;white-space:nowrap}.content{max-width:1600px;margin:0 auto;padding:32px clamp(24px,3.5vw,48px) 70px}.view{display:none}.view.active{display:block}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:15px;margin-bottom:23px}.section-heading h2{margin:8px 0 5px;font-size:23px;letter-spacing:-.035em}.section-heading p{margin:0;color:#829398;font-size:12px;line-height:1.6}.updated-label,.heading-count{color:#93a1a5;font-size:11px}.heading-count{background:#e9efee;padding:8px 12px;border-radius:20px;color:#60797a;font-weight:700}
.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:18px}.metric-card{position:relative;overflow:hidden;min-height:150px;padding:23px 24px;border:1px solid #e6edeb;border-radius:15px;background:#fff;box-shadow:var(--shadow)}.metric-card:after{content:"";position:absolute;right:-25px;bottom:-52px;width:110px;height:110px;border:17px solid #f1f7f6;border-radius:50%}.metric-card>span,.metric-card>small,.metric-card>strong{position:relative;z-index:1;display:block}.metric-card>span{color:#6a7f82;font-size:12px;font-weight:700}.metric-card>strong{margin:15px 0 3px;font-size:34px;line-height:1.1;letter-spacing:-.05em}.metric-card>small{color:#9caeae;font-size:11px}.metric-card.accent{background:#0b8079;border-color:#0b8079;color:#fff}.metric-card.accent>span,.metric-card.accent>small{color:#c5eeea}.metric-card.accent:after{border-color:rgba(255,255,255,.1)}.metric-card.warning>strong{color:#b96737}.metric-card.success>strong{color:#078d77}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(270px,1fr);gap:18px}.surface{min-width:0;overflow:hidden;border:1px solid #e4ecea;background:#fff;border-radius:15px;box-shadow:var(--shadow)}.surface-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:20px 22px;border-bottom:1px solid #edf1f0}.surface-heading h3{margin:0 0 4px;font-size:14px}.surface-heading p{margin:0;color:#93a3a6;font-size:11px}.recent-list{min-height:290px}.recent-item{display:flex;align-items:center;gap:12px;padding:13px 21px;border-bottom:1px solid #f0f3f2}.recent-item:last-child{border-bottom:0}.recent-icon{display:grid;place-items:center;width:34px;height:34px;flex:none;border-radius:9px;background:#e8f4f1;color:#11857b;font-size:16px}.recent-main{min-width:0;flex:1}.recent-main strong,.recent-main small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recent-main strong{font-size:12px}.recent-main small{margin-top:4px;color:#97a7a8;font-size:10px}.recent-item .badge{margin-left:auto}.summary-rows{padding:6px 22px}.summary-rows>div{display:flex;justify-content:space-between;gap:10px;padding:18px 0;border-bottom:1px solid #f0f3f2;font-size:12px;color:#718487}.summary-rows>div:last-child{border:0}.summary-rows strong{font-size:15px;color:#263b3d}.summary-note{margin:6px 20px 21px;padding:13px 14px;border-radius:9px;background:#f3f8f6;color:#728785;font-size:11px;line-height:1.7}
.table-toolbar{min-height:70px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 19px;border-bottom:1px solid #edf1f0}.table-toolbar.wrap{justify-content:flex-start;flex-wrap:wrap}.search-field{width:min(100%,300px);min-height:38px;display:flex;align-items:center;gap:8px;padding:0 10px;border:1px solid #e2eae8;border-radius:9px;background:#f9fbfa}.search-field.wide{width:min(100%,355px)}.search-field span{font-size:22px;line-height:1;color:#94aaa8}.search-field input{width:100%;border:0;outline:0;background:transparent;font-size:12px}.table-toolbar select,.bulk-bar select,.bulk-bar input{min-height:38px;padding:0 11px;border:1px solid #dfe8e6;border-radius:9px;background:#fff;font-size:12px}.toolbar-count{font-size:11px;color:#8a9ea0}.table-scroll{width:100%;overflow-x:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}th,td{text-align:left;vertical-align:middle;padding:14px 16px;border-bottom:1px solid #edf1f0;font-size:11px}th{color:#829294;background:#fafcfc;font-weight:800;font-size:10px;letter-spacing:.025em}tbody tr:hover{background:#fcfefd}tbody tr:last-child td{border-bottom:0}td{color:#4a6063}td strong{color:#23393e;font-size:11px}.cell-sub{display:block;max-width:250px;margin-top:4px;color:#93a5a7;font-size:10px;overflow:hidden;text-overflow:ellipsis}.cell-main{display:block;max-width:230px;overflow:hidden;text-overflow:ellipsis}.row-action{border:0;background:transparent;padding:5px 3px;color:var(--teal);font-size:11px;font-weight:800}.row-action:hover{text-decoration:underline}.mono{font-family:ui-monospace,"SFMono-Regular",Consolas,monospace}.empty-state{padding:65px 15px;text-align:center;color:#91a2a4;font-size:12px}.badge{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:100px;color:#687f82;background:#edf2f1;font-weight:800;font-size:10px;white-space:nowrap}.badge:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}.badge.pending{background:#fff3df;color:#b37821}.badge.onsale,.badge.unknown{background:#eaf2ff;color:#5479af}.badge.success{background:#e5f6ed;color:#13845f}.badge.failed,.badge.invalid,.badge.highweight{background:#fff0ed;color:#b75c4d}.positive{color:#078868;font-weight:800}.negative{color:#ba6550;font-weight:800}.check-cell{width:38px;padding-right:2px}.check-cell input,td input[type=checkbox]{width:15px;height:15px;accent-color:var(--teal);cursor:pointer}.bulk-bar{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:12px 19px;border-bottom:1px solid #cae5df;background:#ecf8f4}.bulk-bar strong{font-size:11px;color:#06786f}.bulk-bar input{flex:1;min-width:170px}.bulk-bar select{min-width:142px}
.cards-layout{display:grid;grid-template-columns:minmax(260px,380px) minmax(0,1fr);gap:18px;align-items:start}.form-surface{align-self:start}.stack-form{display:grid;gap:18px;padding:22px}.stack-form label{font-size:11px}.stack-form input,.stack-form select{display:block}.stack-form button{margin-top:3px}.revealed-cards .surface-heading{align-items:start}.card-code-list{display:grid;gap:8px;padding:18px 20px;max-height:350px;overflow:auto}.card-code{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px;border:1px dashed #b8d8d0;border-radius:9px;background:#f7fcfa}.card-code code{overflow-wrap:anywhere;font-size:12px;color:#245e59}.card-code span{white-space:nowrap;font-size:11px;color:#698b83}.card-history{margin-top:18px}
.point-state{font-size:11px;font-weight:800}.point-state.frozen{color:#a9711d}.point-state.settled{color:#078868}.point-state.released{color:#92a1a1}
.review-request{display:block;width:max-content;margin-top:6px;padding:4px 7px;border-radius:6px;background:#fff1df;color:#aa6719;font-size:10px;font-weight:800}.task-meta .meta-review{background:#fff1df;color:#a8661b}
.modal{width:min(100% - 24px,470px);max-height:min(88vh,760px);padding:24px;border:1px solid #dfe9e6;border-radius:16px;box-shadow:0 28px 90px rgba(13,34,38,.21)}.modal.wide-modal{width:min(100% - 24px,560px)}.modal::backdrop{background:rgba(7,28,32,.56);backdrop-filter:blur(3px)}.modal-head{display:flex;justify-content:space-between;align-items:start;gap:12px;margin-bottom:11px}.modal-head h2{margin:8px 0 0;font-size:21px}.modal p{margin:0 0 22px;color:#829596;font-size:12px;line-height:1.7}.modal label{margin-top:18px}.modal textarea{min-height:95px;resize:vertical}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.field-hint{display:block;margin-top:7px;color:#8c9c9e;font-size:10px}.secret-box{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid #cde5df;border-radius:10px;background:#f0faf7}.secret-box code{flex:1;overflow-wrap:anywhere;color:#036f64;font-size:14px}.modal p.muted{margin:12px 0}.task-meta{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 18px}.task-meta span{padding:7px 9px;border-radius:7px;background:#f2f6f5;color:#617779;font-size:11px}.modal .refund-hint{margin:14px 0 0;padding:10px 12px;background:#fff1ed;border-radius:8px;color:#a65a42}
.toast-region{position:fixed;z-index:200;bottom:22px;right:22px;display:grid;gap:9px;max-width:min(390px,calc(100vw - 30px))}.toast{padding:13px 16px;border:1px solid #beded5;border-left:4px solid #0a8a73;border-radius:10px;color:#254342;background:#fff;box-shadow:0 15px 45px rgba(13,34,38,.13);font-size:12px;line-height:1.5}.toast.error{border-color:#e9d0c9;border-left-color:#cc6b55;color:#7b463d}
@media(max-width:1100px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid{grid-template-columns:1fr}.sidebar{width:210px}.app-shell{grid-template-columns:210px minmax(0,1fr)}}
@media(max-width:750px){.login-shell{grid-template-columns:1fr}.login-story{min-height:250px;padding:25px 24px}.login-story-copy h1{font-size:30px;margin:11px 0}.login-story-copy p{display:none}.story-bottom{display:none}.brand-lockup{font-size:11px}.login-panel{min-height:calc(100vh - 250px);padding:34px 22px}.login-card .login-icon{margin-bottom:22px}.app-shell{display:block}.sidebar{position:relative;width:100%;min-height:0;height:auto;padding:14px 15px 10px}.side-brand{margin:0 0 14px;padding:0 62px 0 0}.side-label,.side-help{display:none}.side-bottom{position:absolute;right:13px;top:15px;display:flex;border:0;padding:0}.side-bottom .admin-avatar,.side-bottom div{display:none}.side-bottom button{padding:7px 9px;border:1px solid rgba(220,255,245,.2);border-radius:7px}.side-nav{display:flex;gap:5px;overflow-x:auto;padding-bottom:3px}.nav-item{width:auto;height:36px;padding:0 10px;white-space:nowrap;font-size:11px}.nav-symbol{font-size:16px;width:auto}.topbar{min-height:105px;padding:20px 18px}.topbar h1{font-size:20px}.topbar-actions{gap:8px}.sync-label{display:none}.content{padding:25px 14px 50px}.section-heading{align-items:start}.section-heading h2{font-size:20px}.section-heading p{max-width:250px}.metric-grid{gap:10px}.metric-card{min-height:125px;padding:17px}.metric-card>strong{font-size:28px}.cards-layout{grid-template-columns:1fr}.table-toolbar{padding:12px}.table-toolbar select{flex:1}.table-scroll{overflow-x:auto}table{min-width:720px}.summary-panel{margin-top:0}.modal{padding:20px}.toast-region{right:12px;bottom:12px}}
@media(max-width:450px){.topbar-actions .button span{display:none}.topbar-actions .button{width:37px;min-height:37px;padding:0;font-size:20px}.section-heading>.button{min-height:35px;padding:0 10px;font-size:11px}.metric-card{padding:15px}.metric-card>span{font-size:10px}.metric-card>small{font-size:9px}.heading-count{font-size:10px}.bulk-bar>*{flex:1}.bulk-bar strong{width:100%;flex:auto}}