:root{--bg:#0b0e11;--panel:#14191f;--panel2:#1b222a;--line:#2a333d;--text:#f5f7f9;--muted:#94a0ac;--orange:#ff8a1f;--blue:#2da8ff;--green:#47c77a;--red:#e25b5b;--yellow:#f2c14e;--radius:18px}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}
button,input,select,textarea{font:inherit}button{cursor:pointer}.hidden{display:none!important}
.topbar{height:64px;padding:7px 22px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);position:relative;z-index:10;background:var(--bg)}
.brand{border:0;background:none;color:var(--text);display:flex;align-items:center;gap:11px;text-align:left}.brand-logo{width:40px;height:40px;object-fit:cover;border-radius:50%;border:1px solid #59452d}.brand small{display:block;color:var(--orange);font-weight:800;letter-spacing:.13em;font-size:.65rem}.brand strong{display:block;font-size:1.06rem}
.top-actions{display:flex;align-items:center;gap:8px}.ghost,.primary,.danger,.icon-btn,.link-btn,.primary-link{border:1px solid var(--line);border-radius:11px;background:var(--panel2);color:var(--text);padding:9px 12px;text-decoration:none}.primary,.primary-link{background:var(--orange);color:#111;border-color:transparent;font-weight:800}.danger{background:#4b2020;border-color:#7b3535}.icon-btn{padding:7px 10px}.link-btn{border:0;background:none;color:var(--muted);padding:6px}
.sync-pill{display:flex;align-items:center;gap:7px;padding:7px 10px;border-radius:999px;background:var(--panel);border:1px solid var(--line);color:var(--muted);font-size:.78rem}.dot{width:8px;height:8px;border-radius:50%;background:#69737d}.sync-pill.ok .dot{background:var(--green)}.sync-pill.error .dot{background:var(--red)}.sync-pill.syncing .dot{background:var(--yellow)}
main{max-width:1500px;margin:auto;padding:22px 24px 42px}.eyebrow{font-size:.68rem;color:var(--orange);font-weight:900;letter-spacing:.16em}.eyebrow.blue{color:var(--blue)}
.briefing{display:grid;grid-template-columns:1.08fr .92fr;gap:14px;margin-bottom:14px}.quote-card,.weather-card{background:linear-gradient(145deg,var(--panel),var(--panel2));border:1px solid var(--line);border-radius:var(--radius);padding:18px;min-height:210px}
.quote-card{position:relative;overflow:hidden;display:flex;flex-direction:column}.briefing-label,.weather-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.briefing-label #dateText,.weather-head small{color:var(--muted);font-size:.8rem}.quote-mark{font-family:Georgia,serif;font-size:4rem;line-height:.65;color:rgba(255,138,31,.45);margin-top:24px}.daily-quote{font-size:clamp(1.4rem,2.5vw,2.15rem);font-weight:850;line-height:1.16;max-width:900px;letter-spacing:-.02em}.quote-footer{margin-top:auto;padding-top:15px;color:var(--muted);font-size:.78rem}.clock{font-size:2rem;font-weight:900;letter-spacing:-.04em}
.temp-compare{display:grid;grid-template-columns:1fr auto 1fr;align-items:stretch;gap:10px;margin-top:15px}.temp-box{background:#0f1419;border:1px solid var(--line);border-radius:14px;padding:12px;text-align:center;color:var(--text)}button.temp-box{width:100%}.inside-temp-box:hover{border-color:var(--orange)}.temp-label{display:block;color:var(--muted);font-weight:850;letter-spacing:.1em;font-size:.68rem}.temp-box strong{display:block;font-size:2.2rem;margin:4px 0}.temp-box small{color:var(--muted);font-size:.76rem;display:block;min-height:1.1em}.vs{display:grid;place-items:center;color:var(--muted);font-size:.7rem;font-weight:900}.weather-bottom{display:flex;justify-content:space-between;gap:10px;margin-top:10px;color:var(--muted);font-size:.76rem}
.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px}.metric{text-align:left;background:linear-gradient(145deg,var(--panel),var(--panel2));border:1px solid var(--line);border-radius:15px;color:var(--text);padding:15px}.metric small{color:var(--muted);font-weight:800;letter-spacing:.08em}.metric strong{display:block;font-size:2rem;margin:6px 0}.metric span{font-size:.8rem;color:var(--muted)}
.home-columns{display:grid;grid-template-columns:1.15fr .85fr;gap:14px}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:17px}.home-card{min-height:300px}.card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.card-head h2,h2,h1{margin:.2rem 0}
.stack-list{display:grid;gap:8px}.list-row{display:grid;grid-template-columns:1fr auto;gap:10px;background:#101419;border:1px solid #252e37;border-radius:12px;padding:11px}.list-row strong{display:block}.list-row small,.sub,.empty,.muted{color:var(--muted)}.list-row .right{text-align:right}.empty{padding:22px;text-align:center;border:1px dashed var(--line);border-radius:12px}
.tile-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:14px}.tile{min-height:118px;text-align:left;padding:15px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(145deg,#13181e,#1b222a);color:var(--text);display:flex;flex-direction:column}.tile .icon{font-size:1.8rem;margin-bottom:auto}.tile strong{font-size:1rem}.tile small{color:var(--muted);margin-top:3px}.tile.orange{box-shadow:inset 4px 0 var(--orange)}.tile.blueTile{box-shadow:inset 4px 0 var(--blue)}
.view-head{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;margin-bottom:16px}.back{border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:11px;padding:9px 12px}.toolbar{display:flex;gap:9px;margin-bottom:12px}.toolbar input{flex:1}
input,select,textarea{width:100%;background:#0e1216;border:1px solid var(--line);color:var(--text);border-radius:10px;padding:11px 12px}label{display:block;color:var(--muted);font-size:.85rem;margin:10px 0}label input,label select{margin-top:5px;color:var(--text)}
.status-help,.reference-note{color:var(--muted);font-size:.8rem;margin:-2px 0 12px}.status-help strong{color:var(--text)}
.orders-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.order-card{background:var(--panel);border:1px solid var(--line);border-radius:15px;padding:14px}.order-top{display:flex;justify-content:space-between;gap:8px}.order-card h3{margin:0 0 5px;font-size:1.04rem}.order-card p{margin:7px 0;color:#d8dde2}.order-meta{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:12px}.order-meta div{background:#0f1317;border-radius:9px;padding:8px}.order-meta small{display:block;color:var(--muted);font-size:.7rem}.order-meta strong{font-size:.86rem}.status{font-size:.72rem;border:1px solid var(--line);border-radius:999px;padding:5px 8px;white-space:nowrap}.status.designing{border-color:#855d2b;color:#ffc16a}.status.in-production{border-color:#2b6785;color:#6ac7ff}.status.awaiting-pickup{border-color:#34784d;color:#75e09b}.status.completed{color:var(--muted)}
.status-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;margin-top:11px}.status-btn{border:1px solid var(--line);border-radius:9px;background:#10151a;color:var(--muted);padding:7px;font-size:.72rem}.status-btn:hover{border-color:var(--blue);color:var(--text)}.status-btn.current{border-color:var(--orange);color:var(--orange);background:#221910}.status-btn.busy{opacity:.55;pointer-events:none}
.calendar-list{display:grid;gap:10px}.calendar-event{display:grid;grid-template-columns:100px 1fr;gap:14px;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:13px}.date-box{text-align:center;border-right:1px solid var(--line);padding-right:12px}.date-box strong{display:block;font-size:1.35rem}.date-box small{color:var(--muted);text-transform:uppercase}.calendar-event h3{margin:2px 0}.calendar-event p{margin:5px 0;color:var(--muted)}
.reference-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.reference-card{background:var(--panel);border:1px solid var(--line);border-radius:15px;overflow:hidden}.reference-thumb{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;background:#0f1317;cursor:pointer}.reference-body{padding:11px}.reference-body strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reference-body small{display:block;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:3px}.reference-actions{display:flex;gap:6px;margin-top:9px}.upload-label{display:inline-block;text-align:center;cursor:pointer}.upload-label input{display:none}
.image-dialog{width:min(1000px,96vw);max-height:94vh;padding:0;border:1px solid var(--line);background:#0b0e11;color:var(--text);border-radius:16px}.image-dialog::backdrop{background:rgba(0,0,0,.85)}.image-dialog-head{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-bottom:1px solid var(--line)}.image-dialog-head small{display:block;color:var(--muted);margin-top:3px}.image-dialog img{display:block;max-width:100%;max-height:72vh;margin:auto;object-fit:contain}.image-dialog p{padding:0 15px 15px;color:var(--muted)}
.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:13px}table{border-collapse:collapse;width:100%;min-width:800px}th,td{text-align:left;padding:12px;border-bottom:1px solid var(--line);font-size:.87rem}th{background:#101419;color:var(--muted)}
.timer-grid,.shortcut-grid,.calc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.timer-card,.shortcut{background:var(--panel);border:1px solid var(--line);border-radius:15px;padding:15px}.timer-card.running{box-shadow:inset 4px 0 var(--blue)}.timer-time{font-size:2.2rem;font-weight:900;margin:10px 0}.timer-controls{display:flex;gap:6px;flex-wrap:wrap}.mini{border:1px solid var(--line);background:#11161b;color:var(--text);padding:6px 8px;border-radius:8px;font-size:.76rem}
.shortcut{min-height:120px;display:flex;flex-direction:column;justify-content:space-between}.shortcut a{color:var(--text);text-decoration:none;font-weight:900}.shortcut .url{color:var(--muted);font-size:.73rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.calc-display{font-size:2rem;text-align:right;margin:10px 0}.calc-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.calc-buttons button{border:1px solid var(--line);background:var(--panel2);color:var(--text);padding:14px;border-radius:10px}.calc-buttons .op{color:var(--orange)}.convert-arrow{text-align:center;font-size:1.4rem;color:var(--muted)}.price-output{padding:12px;border-radius:10px;background:var(--panel2);font-size:1.1rem}.price-output strong{color:var(--orange);float:right}
.notes-area{min-height:430px;resize:vertical;font-size:1rem;line-height:1.5}.saved{color:var(--muted);font-size:.8rem;margin-top:7px}
.drawer{position:fixed;z-index:50;right:0;top:0;bottom:0;width:min(440px,96vw);background:#101419;border-left:1px solid var(--line);padding:20px;overflow:auto;box-shadow:-12px 0 40px rgba(0,0,0,.4)}.drawer-head,.modal-head,.modal-actions{display:flex;align-items:center;justify-content:space-between;gap:10px}.setting-section{margin-top:20px;border-top:1px solid var(--line);padding-top:12px}.full{width:100%;display:block;text-align:center;margin:8px 0}.file-label{cursor:pointer}.file-label input{display:none}
dialog#modal{width:min(560px,94vw);border:1px solid var(--line);border-radius:16px;background:var(--panel);color:var(--text);padding:0}dialog#modal::backdrop{background:rgba(0,0,0,.72)}#modalForm{padding:18px}.modal-actions{justify-content:flex-end;margin-top:15px}
@media(max-width:1100px){.orders-grid{grid-template-columns:1fr 1fr}.reference-grid{grid-template-columns:repeat(3,1fr)}.tile-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:850px){.briefing{grid-template-columns:1fr}.metrics{grid-template-columns:1fr 1fr}.home-columns{grid-template-columns:1fr}.tile-grid{grid-template-columns:1fr 1fr}.orders-grid,.timer-grid,.shortcut-grid,.calc-grid{grid-template-columns:1fr 1fr}.reference-grid{grid-template-columns:1fr 1fr}.sync-pill{display:none}}
@media(max-width:560px){.topbar{padding:8px 12px}.brand-logo{width:36px;height:36px}.brand small{display:none}.top-actions .ghost{padding:8px}.top-actions #syncBtn{font-size:0}.top-actions #syncBtn:after{content:"↻";font-size:1rem}main{padding:15px}.daily-quote{font-size:1.45rem}.clock{font-size:1.6rem}.metrics{gap:8px}.metric{padding:11px}.metric strong{font-size:1.5rem}.tile-grid,.orders-grid,.timer-grid,.shortcut-grid,.calc-grid,.reference-grid{grid-template-columns:1fr 1fr}.view-head{grid-template-columns:auto 1fr}.view-head .primary-link,.view-head>.primary,.view-head>.upload-label{grid-column:1/-1;text-align:center}.toolbar{flex-direction:column}.calendar-event{grid-template-columns:72px 1fr}.order-meta{grid-template-columns:1fr 1fr}.temp-box strong{font-size:1.8rem}}