:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:#242424;background:#fffaf0;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}[hidden]{display:none!important}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(1.9rem,3vw,2.45rem);letter-spacing:-.035em;margin-bottom:.35rem}h2{font-size:1.22rem;letter-spacing:-.02em}h3{font-size:1rem}p{line-height:1.55;color:#555555}label{display:block;font-size:.85rem;font-weight:700;margin-bottom:.42rem;color:#c4101a}input,select{width:100%;border:1px solid #ffe066;border-radius:10px;background:#fff;color:#242424;padding:.78rem .9rem;outline:0}input:focus,select:focus{border-color:#c4101a;box-shadow:0 0 0 3px #c4101a22}button{border:0;border-radius:10px;padding:.78rem 1.05rem;font-weight:700;transition:filter .15s,transform .15s}button:hover{filter:brightness(.97)}button:active{transform:translateY(1px)}.primary{color:#fff;background:linear-gradient(110deg,#c4101a,#c4101a);box-shadow:0 5px 15px #c4101a2b}.secondary{background:#fff4d6;color:#c4101a}.subtle{background:transparent;color:#c4101a}.danger-light{background:#fff0f1;color:#c4101a}.full{width:100%;margin-top:1.2rem}.eyebrow{display:block;color:#c4101a;font-size:.72rem;font-weight:800;letter-spacing:.16em;margin-bottom:.6rem}.muted{color:#555555}.error{color:#c4101a;font-size:.88rem;min-height:1.2em}.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(135deg,#c4101a 0%,#c4101a 60%,#c4101a 100%)}.login-card{width:min(430px,100%);padding:2.3rem;background:#fff;border-radius:20px;box-shadow:0 25px 65px #24242466}.login-logo{width:65px;height:65px;object-fit:cover;border-radius:17px;margin-bottom:1rem}.login-copy p{margin-bottom:1.7rem}.login-card label:not(:first-child){margin-top:1rem}.login-card input{background:#fffaf0}.topbar{height:76px;padding:0 clamp(20px,4vw,58px);display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid #fff4d6}.brand{display:flex;align-items:center;gap:12px;color:#242424;font-size:1.45rem;font-weight:900}.brand img{width:43px;height:43px;border-radius:10px}.brand small{display:block;color:#555555;font-size:.58rem;font-weight:800;letter-spacing:.15em;margin-top:-3px}.top-actions{display:flex;align-items:center;gap:18px;color:#555555;font-size:.9rem}.nav{display:flex;gap:7px;padding:11px clamp(20px,4vw,58px);background:#fff;border-bottom:1px solid #fff4d6;overflow-x:auto}.nav-item{background:transparent;color:#555555;white-space:nowrap}.nav-item.active{background:#fff4d6;color:#c4101a}.page{max-width:1290px;margin:auto;padding:38px clamp(20px,4vw,58px) 70px}.page-head{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:24px}.page-head p{margin:0}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:22px}.stat,.card{background:#fff;border:1px solid #fff4d6;border-radius:14px;box-shadow:0 6px 24px #c4101a09}.stat{padding:21px}.stat span,.stat small{display:block;color:#555555}.stat span{font-size:.85rem;font-weight:700}.stat strong{display:block;font-size:2rem;letter-spacing:-.04em;margin:12px 0 3px;color:#242424}.stat small{font-size:.8rem}.card{padding:24px;margin-bottom:20px}.intro{display:flex;align-items:center;justify-content:space-between;gap:24px;border-color:#fff4d6;background:linear-gradient(110deg,#fff,#fffaf0)}.intro p{max-width:730px;margin-bottom:0}.list-head,.detail-head{display:flex;align-items:center;justify-content:space-between;gap:15px}.list-head h2,.list-head h3{margin:0}.list-head input{max-width:260px}.badge{display:inline-block;vertical-align:middle;background:#fff4d6;color:#c4101a;border-radius:99px;font-size:.72rem;padding:.22rem .55rem;margin-left:.3rem}.customer-list{margin-top:16px}.customer-row,.token-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 3px;border-top:1px solid #fff4d6}.customer-row button{text-align:left;flex:1;background:transparent;padding:0;color:#242424}.customer-row button:hover{color:#c4101a}.customer-row strong,.token-row strong{display:block}.customer-row small,.token-row small{display:block;color:#555555;margin-top:4px}.pill{display:inline-block;padding:.3rem .62rem;border-radius:99px;font-size:.72rem;font-weight:800;white-space:nowrap;background:#fff4d6;color:#242424}.pill.off{background:#fff4d6;color:#555555}.empty{padding:28px 4px;color:#555555;text-align:center}.detail{border-color:#ffe066}.detail-head p{margin:0}.action-row{display:flex;gap:8px}.divider{height:1px;background:#fff4d6;margin:24px 0}.token-form{display:grid;grid-template-columns:1fr 1fr 1fr 110px auto;gap:12px;align-items:end}.token-form button{white-space:nowrap}.token-row{font-size:.9rem}.token-row>div:first-child{flex:1}.token-row button{font-size:.8rem;padding:.5rem .72rem}.overlay{position:fixed;inset:0;background:#242424a8;display:grid;place-items:center;padding:20px;z-index:10}.modal{width:min(510px,100%);background:#fff;border-radius:17px;box-shadow:0 30px 90px #24242470;padding:26px}.modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.modal-head h2{margin:0}.icon-button{font-size:1.6rem;line-height:1;background:transparent;color:#555555;padding:0 5px}.modal form label:not(:first-child){margin-top:15px}.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:20px}.secret{display:block;overflow-wrap:anywhere;background:#fff4d6;border:1px solid #ffe066;padding:14px;border-radius:9px;font-family:ui-monospace,Consolas,monospace;color:#c4101a}.toast{position:fixed;right:20px;bottom:20px;z-index:20;background:#242424;color:#fff;padding:13px 17px;border-radius:10px;box-shadow:0 10px 35px #24242435;max-width:340px}@media(max-width:900px){.token-form{grid-template-columns:repeat(2,1fr)}.token-form button{grid-column:1/-1}.stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.topbar{height:65px}.top-actions span{display:none}.page{padding-top:27px}.page-head,.intro,.detail-head,.list-head{align-items:stretch;flex-direction:column}.page-head button,.intro button{width:100%}.stats{grid-template-columns:1fr}.list-head input{max-width:none}.action-row{flex-wrap:wrap}.action-row button{flex:1}.token-form{grid-template-columns:1fr}.token-form button{grid-column:auto}.customer-row,.token-row{align-items:flex-start}.token-row{flex-wrap:wrap}.login-card{padding:1.7rem}}
:root{--side-width:244px}.nav{position:fixed;top:76px;left:0;bottom:0;width:var(--side-width);display:block;padding:20px 10px;background:#fff;border-right:1px solid #fff4d6;border-bottom:0;overflow-y:auto;overflow-x:hidden}.nav-heading{display:block;margin:10px 13px 9px;color:#555555;font-size:.69rem;font-weight:900;letter-spacing:.14em}.nav-item{display:block;width:100%;text-align:left;padding:.72rem .85rem;margin-bottom:2px;font-size:.86rem}.nav-item.feature-item{padding:.57rem .85rem;font-weight:600}.nav-item.planned{color:#ffe066}.nav-group{display:block;margin:22px 13px 8px;color:#555555;font-size:.69rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.page{margin-left:var(--side-width);max-width:none}.checkbox-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0 18px}.feature-check{display:flex;align-items:center;gap:10px;border:1px solid #fff4d6;border-radius:10px;padding:11px 13px;margin:0;cursor:pointer}.feature-check input{width:18px;height:18px;accent-color:#c4101a;flex:none}.feature-check span{font-size:.86rem}.bulk-actions{display:flex;align-items:flex-end;gap:12px}.bulk-actions>div{width:130px}.timing-boards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.timing-board{padding:20px;background:#fff;border:1px solid #fff4d6;border-radius:14px}.timing-board h2{margin-bottom:14px}.timing-entry{display:flex;align-items:center;gap:10px;border-top:1px solid #fff4d6;padding:10px 0;font-size:.9rem}.timing-entry strong{min-width:26px;color:#c4101a}.timing-entry .name{flex:1;overflow:hidden;text-overflow:ellipsis}.timing-entry time{font-family:ui-monospace,Consolas,monospace;font-size:.8rem;color:#c4101a}.feature-status{margin-left:auto}@media(max-width:1080px){.timing-boards{grid-template-columns:1fr}.checkbox-grid{grid-template-columns:1fr}}@media(max-width:700px){.nav{position:static;width:auto;display:flex;align-items:center;gap:5px;padding:9px 16px;overflow-x:auto;overflow-y:hidden;border-right:0;border-bottom:1px solid #fff4d6}.nav-heading,.nav-group{display:none}.nav-item,.nav-item.feature-item{width:auto;white-space:nowrap;margin:0;padding:.65rem .8rem}.page{margin-left:0}.bulk-actions{flex-wrap:wrap}.bulk-actions button{flex:1}}
:root{--side-width:244px}.modal{max-height:90vh;overflow-y:auto}
.top-link{text-decoration:none;font-size:.88rem;font-weight:700}.feature-customer-row{display:flex;align-items:center;gap:12px;border-top:1px solid #fff4d6;padding:13px 2px}.feature-customer-row input{width:18px;height:18px;accent-color:#c4101a}.feature-customer-row strong{flex:1}.feature-customer-row small{color:#555555}.feature-customer-row.disabled{opacity:.55}