:root{font-family:-apple-system,BlinkMacSystemFont,PingFang SC,sans-serif;color:#332b28;background:#f7f4f2;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button{cursor:pointer;border:0}.login-shell{display:grid;place-items:center;min-height:100vh;background:linear-gradient(135deg,#fff7f2,#f8ddd1)}.login-card{width:360px;padding:44px;border-radius:24px;background:#fff;box-shadow:0 18px 50px #a96a4c24;text-align:center}.logo{color:#ff7048;font-size:50px}.login-card h1{margin:8px 0 4px}.login-card p{color:#999;margin:0 0 28px}.login-card input{display:block;width:100%;margin:12px 0;padding:13px 16px;border:1px solid #eee2dc;border-radius:10px}.login-card button,.primary{width:100%;padding:13px;border-radius:10px;color:#fff;background:#ff7048}.shell{display:flex;min-height:100vh}.shell aside{display:flex;flex-direction:column;width:230px;padding:28px 16px;background:#2f2926;color:#fff}.brand{padding:0 16px 32px;font-size:22px;font-weight:700}.nav-item{padding:13px 16px;margin:3px 0;border-radius:10px;color:#c9bfbb}.nav-item.active,.nav-item:hover{background:#ff7048;color:#fff}.logout{margin-top:auto;padding:12px;border-radius:9px;color:#e9d9d2;background:#453b37}.content{flex:1;max-width:1300px;padding:36px 48px}.content header{display:flex;justify-content:space-between;align-items:end;margin-bottom:30px}.eyebrow{color:#ff7048;font-size:13px}.content h1{margin:6px 0 0;font-size:32px}.admin{color:#8c817c}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.cards article,.panel{padding:24px;border-radius:18px;background:#fff;box-shadow:0 8px 24px #533b2d0a}.cards span{color:#8c817c}.cards strong{display:block;margin-top:16px;font-size:34px}.panel-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.panel-title h2{margin:0}.panel-title span,.hint{color:#999;font-size:13px}.primary.small{width:auto;padding:9px 16px}.banner{padding:12px 16px;margin-bottom:18px;border-radius:10px}.error{color:#b4462d;background:#fff0ed}.success{color:#4b8763;background:#eff8f2}table{width:100%;border-collapse:collapse}th,td{padding:14px 10px;border-bottom:1px solid #f1eae6;text-align:left;font-size:14px}th{color:#999;font-weight:500}.pill{padding:4px 9px;border-radius:20px;color:#897a72;background:#f3efed;font-size:12px}.pill.on{color:#4b8763;background:#e9f6ed}.pill.off{color:#b47060;background:#fff0ed}.text-button{color:#ff7048;background:none}.hours{max-width:600px}.hour-row{display:grid;grid-template-columns:130px 1fr 30px 1fr;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid #f1eae6}.hour-row input:not([type=checkbox]),.form-panel input,.form-panel textarea{width:100%;padding:10px;border:1px solid #e9dfda;border-radius:8px}.form-panel label{display:block;max-width:700px;margin:18px 0;color:#786b65}.form-panel label input,.form-panel label textarea{display:block;margin-top:8px;color:#332b28}.inline-form{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 20px}.inline-form input{min-width:130px;border:1px solid #e9dfda;border-radius:8px;padding:9px;background:#fffaf7}.inline-form input.wide{flex:1;min-width:220px}.closure-title{margin-top:28px}.closure-row{display:flex;justify-content:space-between;max-width:600px;padding:10px 0;border-bottom:1px solid #f1eae6;color:#6f625d;font-size:14px}.product-form{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:10px;margin:16px 0 24px;padding:16px;border:1px solid #eee1da;border-radius:12px;background:#fffaf7}.product-form input,.product-form textarea{width:100%;box-sizing:border-box;border:1px solid #e9dfda;border-radius:8px;padding:9px;background:#fff}.product-form .wide{grid-column:span 2}.product-form label{display:flex;align-items:center;gap:6px;color:#75645d;font-size:13px}.secondary{border:1px solid #e9dfda;background:#fff;color:#6f5e56}.detail-card{width:min(720px,calc(100vw - 32px));max-height:calc(100vh - 48px);overflow:auto;padding:24px;border:1px solid #eadfd9;border-radius:16px;background:#fffaf7;box-shadow:0 24px 80px #2f292688}.detail-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:24px;background:#2f292688}.detail-row{padding:8px 0;border-bottom:1px solid #f0e6e1;color:#61514b;font-size:13px}.danger{color:#d65040}.table-scroll{overflow-x:auto}.file-button{display:inline-flex;align-items:center;justify-content:center;width:max-content;min-height:40px;padding:9px 14px;border:1px dashed #e1b8a9;border-radius:8px;color:#c9654a;background:#fff7f2;cursor:pointer}.file-button input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.avatar-preview{width:88px;height:88px;margin:0 0 14px;border-radius:50%;object-fit:cover;border:4px solid #fff0eb}.customer-cell{display:flex;align-items:center;gap:8px;min-width:120px}.customer-cell img{width:32px;height:32px;border-radius:50%;object-fit:cover}.field-actions{display:block;margin-top:8px}@media(max-width:1100px){.shell aside{width:190px}.content{padding:28px 24px}.product-form{grid-template-columns:repeat(2,minmax(120px,1fr))}.product-form .wide{grid-column:span 2}}@media(max-width:720px){.shell{display:block}.shell aside{position:sticky;top:0;z-index:10;display:flex;flex-direction:row;align-items:center;width:100%;height:auto;padding:10px;overflow-x:auto;box-shadow:0 3px 14px #2f292622}.brand{flex:0 0 auto;padding:8px 12px;font-size:18px}.nav-item{flex:0 0 auto;margin:0 2px;padding:9px 12px;white-space:nowrap}.logout{flex:0 0 auto;margin:0 0 0 8px;padding:9px 12px;white-space:nowrap}.content{padding:20px 14px 32px}.content header{align-items:flex-start;margin-bottom:18px}.content h1{font-size:26px}.header-actions{align-items:flex-end;flex-direction:column;gap:8px}.notification-button{padding:6px 8px;font-size:12px}.cards{grid-template-columns:1fr;gap:10px}.panel,.cards article{padding:16px;border-radius:14px}.panel-title{align-items:flex-start;gap:10px}.panel-title span{text-align:right}.inline-form,.product-form{grid-template-columns:1fr;display:grid}.inline-form input,.inline-form input.wide,.product-form .wide{grid-column:auto;min-width:0}.inline-form button,.product-form button,.file-button{width:100%}.hour-row{grid-template-columns:1fr 1fr}.hour-row label{grid-column:span 2}table{min-width:680px}.detail-modal{padding:14px}.detail-card{width:100%;padding:16px}.login-card{width:min(360px,calc(100vw - 32px));padding:32px 24px}}:root{--brand: #d474a0;--brand-strong: #966826;--brand-soft: #f7d9e7}body{background:#fff9f7}.login-shell{background:linear-gradient(135deg,#fff9f7,#f7d9e7)}.logo{color:var(--brand)}.logo img{display:block;width:88px;height:88px;margin:0 auto;object-fit:contain;filter:drop-shadow(0 8px 12px #96682630)}.login-card button,.primary{background:var(--brand-strong)}.shell aside{background:#d474a0}.brand{display:flex;align-items:center;gap:8px}.brand img{width:34px;height:34px;object-fit:contain;filter:drop-shadow(0 3px 5px #96682635)}.nav-item{color:#ffb800}.nav-item.active,.nav-item:hover{background:var(--brand-strong)}.nav-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;margin-left:8px;padding:0 5px;border-radius:999px;color:#fff;background:#d65040;font-size:12px;line-height:1}.header-actions{display:flex;align-items:center;gap:16px}.notification-button{padding:8px 12px;border:1px solid #e7b2c8;border-radius:8px;color:var(--brand-strong);background:#fff0f5;font-size:13px}.notification-button:disabled{opacity:.55;cursor:not-allowed}.notification{color:#fff;background:var(--brand-strong);cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px}.banner-close{flex:0 0 auto;color:#fff;background:transparent;text-decoration:underline}.eyebrow,.text-button{color:var(--brand-strong)}.file-button{border-color:#e7b2c8;color:var(--brand-strong);background:#fff0f5}
