:root{color:#10150f;background:#f8f6ef;font-family:PingFang SC,Microsoft YaHei,ui-sans-serif,system-ui,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;background:radial-gradient(circle at 8% 10%,rgba(25,96,66,.12),transparent 26rem),radial-gradient(circle at 92% 2%,rgba(177,126,67,.16),transparent 28rem),linear-gradient(180deg,#fffdf6,#f3f0e7)}button,input,select{font:inherit}button{color:inherit}.boot-screen,.login-screen{display:grid;min-height:100vh;place-items:center;padding:1rem}.login-card{width:min(28rem,100%);border:1px solid rgba(25,48,35,.12);border-radius:2rem;background:#fffef8d6;padding:clamp(1.5rem,4vw,2.5rem)}.brand-mark{display:grid;width:4rem;height:4rem;place-items:center;border-radius:1.25rem;background:#193f2e;color:#fff9e9;font-size:1.6rem;font-weight:800}.eyebrow{margin:0 0 .35rem;color:#6a725f;font-size:.75rem;font-weight:800;letter-spacing:.16em}h1,h2,p{margin:0}.login-card h1,.board-hero h1{font-size:clamp(1.9rem,3.1vw,3.1rem);line-height:1;letter-spacing:-.07em}.muted{margin-top:.25rem;color:#697060;font-size:clamp(.9rem,1.2vw,1rem);line-height:1.55}.login-form{display:grid;gap:1rem;margin-top:2rem}.login-form label{display:grid;gap:.45rem;font-weight:700}.login-form input{width:100%;border:1px solid rgba(25,48,35,.16);border-radius:1rem;background:#ffffffb3;padding:.9rem 1rem;outline:none}.login-form input:focus{border-color:#19604280;box-shadow:0 0 0 4px #1960421a}.login-form button{border:0;border-radius:999px;background:#196042;color:#fff9e9;cursor:pointer;font-weight:800}.login-form button{padding:1rem 1.2rem}.login-form button:disabled{cursor:not-allowed;opacity:.6}.error-text{color:#b42318;font-size:.9rem;font-weight:700}.board-screen{display:grid;gap:clamp(.65rem,1.2vw,.9rem);min-height:100vh;padding:clamp(.75rem,2vw,1.5rem);grid-template-rows:auto auto auto 1fr}.board-hero,.summary-strip,.filter-strip,.schedule-grid{border:1px solid rgba(25,48,35,.12);background:#fffef8d1}.board-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1rem;align-items:center;border-radius:1.25rem;padding:clamp(.75rem,1.4vw,1rem)}.hero-side{display:flex;align-items:center;gap:.65rem}.metric{min-width:5.8rem;border-radius:1rem;background:#193f2e;color:#fff9e9;padding:.55rem .8rem}.metric span,.summary-strip span{display:block;color:#fff9e9b8;font-size:.8rem;font-weight:700}.metric strong{display:block;margin-top:.05rem;font-size:1.75rem;line-height:1}.summary-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;overflow:hidden;border-radius:1.15rem}.summary-strip div{border-top:.18rem solid transparent;padding:.45rem .8rem;background:#ffffff6b}.summary-strip .engraving{border-top-color:#6c9fc0}.summary-strip .sample{border-top-color:#c98544}.summary-strip .meter{border-top-color:#7e70aa}.summary-strip .production{border-top-color:#196042}.summary-strip strong{display:block;font-size:clamp(1.15rem,1.8vw,1.8rem);line-height:1}.summary-strip span{margin-top:.2rem;color:#697060}.filter-strip{display:flex;flex-wrap:wrap;gap:.45rem;align-items:center;border-radius:1rem;padding:.45rem}.filter-strip button{display:inline-flex;gap:.35rem;align-items:center;border:1px solid rgba(25,48,35,.12);border-radius:999px;background:#ffffff80;padding:.45rem .8rem;cursor:pointer;font-size:.9rem;font-weight:900}.filter-strip button span{color:#697060;font-size:.78rem}.filter-strip button.selected{border-color:#19604257;background:#193f2e;color:#fff9e9}.filter-strip button.selected span{color:#fff9e9b8}.sort-control{display:inline-flex;gap:.45rem;align-items:center;margin-left:auto;color:#697060;font-size:.86rem;font-weight:900}.sort-control select{min-width:9.5rem;border:1px solid rgba(25,48,35,.12);border-radius:999px;background:#ffffff9e;color:#10150f;padding:.45rem 2rem .45rem .8rem;cursor:pointer;outline:none}.sort-control select:focus{border-color:#19604273}.schedule-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:clamp(.55rem,1vw,.8rem);align-items:stretch;border-radius:1.15rem;padding:clamp(.55rem,1.2vw,.8rem)}.task-note{display:grid;grid-template-rows:auto auto 1fr auto;gap:.5rem;width:100%;min-height:12.5rem;border:1px solid rgba(25,48,35,.14);border-radius:.3rem 1rem 1rem .3rem;padding:.75rem;text-align:left;cursor:pointer}.task-note.engraving{background:#eef7fa;border-left:.45rem solid #6c9fc0}.task-note.sample{background:#fff4e6;border-left:.45rem solid #c98544}.task-note.meter{background:#f3eefb;border-left:.45rem solid #7e70aa}.task-note.production{background:#edf5ed;border-left:.45rem solid #196042}.task-note:hover{transform:translateY(-1px)}.task-note-header,.task-note footer,.order-meta{display:flex;gap:.5rem;align-items:start;justify-content:space-between}.order-no{color:#737969;font-size:.74rem;font-weight:800;letter-spacing:.04em}.task-note h2{margin-top:.1rem;font-size:clamp(1.18rem,1.6vw,1.45rem);line-height:1.05;letter-spacing:-.05em}.urgent,.task-type,.order-meta span{border-radius:999px;padding:.3rem .55rem;font-size:.72rem;font-weight:900}.task-type{flex:none;background:#ffffff9e;color:#193f2e}.urgent{background:#c43120;color:#fff9e9}.order-meta{justify-content:flex-start;flex-wrap:wrap}.order-meta span{background:#f1ede2;color:#596152}.task-fields{display:grid;gap:.38rem}.task-field{display:grid;grid-template-columns:2.7rem minmax(0,1fr);gap:.5rem;align-items:start;border-radius:.72rem;background:#ffffff70;padding:.48rem .58rem}.task-field.primary{background:#ffffffad}.task-field span{color:#697060;font-size:.75rem;font-weight:900}.task-field strong{display:-webkit-box;overflow:hidden;min-width:0;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:clamp(.88rem,1vw,1rem);font-weight:950;line-height:1.35}.task-note footer{color:#6c7265;font-size:.78rem;font-weight:700;line-height:1.35;text-align:right}.detail-backdrop{position:fixed;inset:0;display:grid;place-items:center;background:#14181457;padding:1rem;z-index:20}.detail-panel{position:relative;width:min(44rem,100%);max-height:min(86vh,42rem);overflow:auto;border:1px solid rgba(25,48,35,.16);border-left-width:.55rem;border-radius:1.5rem;background:#fffdf6;padding:clamp(1.25rem,3vw,2rem)}.detail-panel.engraving{border-left-color:#6c9fc0}.detail-panel.sample{border-left-color:#c98544}.detail-panel.meter{border-left-color:#7e70aa}.detail-panel.production{border-left-color:#196042}.detail-close{position:absolute;top:.85rem;right:.95rem;width:2.1rem;height:2.1rem;border:1px solid rgba(25,48,35,.14);border-radius:999px;background:#fffdf6;cursor:pointer;font-size:1.45rem;line-height:1}.detail-title-row{display:flex;gap:1rem;align-items:start;justify-content:space-between;margin-top:.25rem}.detail-title-row h2{font-size:clamp(2rem,5vw,3.4rem);line-height:1;letter-spacing:-.08em}.detail-title-row p{margin-top:.3rem;color:#697060;font-weight:800}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin:1.25rem 0 0}.detail-grid div{border:1px solid rgba(25,48,35,.12);border-radius:1rem;background:#f8f6efb3;padding:.85rem}.detail-grid .wide{grid-column:1 / -1}.detail-grid dt{color:#697060;font-size:.78rem;font-weight:800}.detail-grid dd{margin:.25rem 0 0;font-size:1.05rem;font-weight:900;line-height:1.45}.notice,.empty-state{border:1px dashed rgba(25,48,35,.2);border-radius:1.5rem;background:#fffef8b3;padding:1.2rem;color:#697060;font-weight:800}.notice.error{border-color:#b4231847;color:#b42318}@media(max-width:900px){.board-hero{grid-template-columns:1fr}.hero-side{align-items:stretch;flex-direction:column}}@media(max-width:640px){.summary-strip{grid-template-columns:repeat(2,1fr)}.filter-strip{border-radius:1.15rem}.sort-control{width:100%;margin-left:0}.sort-control select{flex:1}.task-note-header,.task-note footer{flex-direction:column}.detail-grid{grid-template-columns:1fr}}