:root {
  --navy:#13241f; --navy-soft:#1c342d; --green:#177a5c; --green-dark:#0f6047; --mint:#e9f5ef;
  --lime:#c9f36a; --canvas:#f3f5f2; --surface:#fff; --ink:#16201c; --muted:#68736e; --line:#e0e6e2;
  --danger:#bd5148; --warning:#b98215; --shadow:0 20px 55px rgba(24,43,36,.09);
  font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; color:var(--ink); background:var(--canvas);
}
*{box-sizing:border-box} html{min-width:320px;background:var(--canvas)} body{min-height:100vh;margin:0;background:var(--canvas)}
button,input,textarea,select{font:inherit} button{cursor:pointer} button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid rgba(201,243,106,.8);outline-offset:2px}
.app-shell{display:grid;grid-template-columns:250px minmax(0,1fr);min-height:100vh}
.sidebar{position:sticky;top:0;z-index:30;display:flex;flex-direction:column;height:100vh;padding:26px 17px 20px;color:#fff;background:var(--navy)}
.brand{display:flex;align-items:center;gap:12px;width:100%;padding:0 9px 27px;border:0;border-bottom:1px solid rgba(255,255,255,.1);color:#fff;background:transparent;text-align:left}
.brand-mark{display:grid;place-items:center;flex:0 0 auto;width:43px;height:43px;border-radius:12px;color:var(--navy);background:var(--lime);font-size:.78rem;font-weight:950}
.brand>span:last-child,.sidebar-footer>span:last-child{display:grid;gap:2px}.brand strong{font-size:.98rem;letter-spacing:-.025em}.brand small,.sidebar-footer small{color:#94a79f;font-size:.67rem}
.sidebar-nav{display:grid;gap:7px;padding-top:25px}.nav-item{display:flex;align-items:center;gap:13px;min-height:49px;padding:0 13px;border:0;border-radius:11px;color:#aebdb7;background:transparent;font-weight:760;text-align:left;transition:.2s}
.nav-item:hover{color:#fff;background:rgba(255,255,255,.07);transform:translateX(2px)}.nav-item.is-active{color:#fff;background:var(--green);box-shadow:0 10px 24px rgba(0,0,0,.17)}
.nav-icon{display:grid;place-items:center;width:23px;height:23px;border:1px solid currentColor;border-radius:7px;font-size:.63rem;font-weight:900}
.sidebar-footer{display:flex;align-items:flex-start;gap:10px;margin-top:auto;padding:17px 9px 3px;border-top:1px solid rgba(255,255,255,.1)}.sidebar-footer strong{font-size:.72rem}.status-dot{flex:0 0 auto;width:9px;height:9px;margin-top:4px;border-radius:50%;background:#f0bd4e;box-shadow:0 0 0 4px rgba(240,189,78,.12)}
.sidebar-footer[data-status="ready"] .status-dot{background:#6ee7a8;box-shadow:0 0 0 4px rgba(110,231,168,.12)}.sidebar-footer[data-status="error"] .status-dot{background:#ef7d72}
.workspace{min-width:0}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:22px;min-height:96px;padding:19px clamp(24px,4vw,54px);border-bottom:1px solid var(--line);background:rgba(255,255,255,.93);backdrop-filter:blur(14px)}
.topbar h1{margin:2px 0 0;font-size:1.7rem;letter-spacing:-.045em}.eyebrow{margin:0;color:var(--green);font-size:.65rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.mobile-menu{display:none;width:42px;height:42px;padding:10px;border:1px solid var(--line);border-radius:9px;background:#fff}.mobile-menu span{display:block;height:2px;margin:4px 0;background:var(--ink)}
.primary-button,.outline-button,.text-button,.back-button{min-height:43px;padding:0 17px;border-radius:9px;font-size:.78rem;font-weight:850}.primary-button{border:0;color:#fff;background:var(--green);box-shadow:0 10px 22px rgba(23,122,92,.18)}.primary-button:hover{background:var(--green-dark)}.outline-button{border:1px solid var(--green);color:var(--green);background:#fff}.outline-button:hover{color:#fff;background:var(--green)}.text-button,.back-button{border:0;color:var(--muted);background:transparent}.back-button{min-height:32px;padding:0;margin-bottom:20px;color:var(--green)}
.content-area{padding:39px clamp(24px,4vw,54px) 68px}.app-section,.work-order-page{max-width:1360px;margin:0 auto;animation:section-in .28s ease both}.app-section[hidden],.work-order-page[hidden]{display:none}@keyframes section-in{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
.section-heading,.work-order-header,.shortcut-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin-bottom:27px}.section-heading h2,.work-order-header h2{margin:7px 0 8px;font-size:clamp(2rem,3.4vw,3rem);line-height:1;letter-spacing:-.06em}.section-heading>div>p:last-child,.work-order-header>div>p:last-child{max-width:650px;margin:0;color:var(--muted);font-size:.89rem;line-height:1.55}.step-badge,.print-badge,.private-badge{padding:7px 11px;border-radius:999px;font-size:.64rem;font-weight:900;letter-spacing:.06em}.step-badge,.print-badge{color:var(--green);background:var(--mint)}.private-badge{color:#725816;background:#fff3d7}
.client-form{overflow:hidden;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:var(--shadow)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:30px}.client-form label,.template-fields label,.naming-modal label{display:grid;gap:8px;color:var(--muted);font-size:.72rem;font-weight:800}.client-form input,.template-fields input,.template-fields textarea,.template-fields select,.naming-modal input{width:100%;min-height:47px;padding:11px 13px;border:1px solid var(--line);border-radius:9px;color:var(--ink);background:#fafcfa;outline:0}.client-form input:focus,.template-fields input:focus,.template-fields textarea:focus,.template-fields select:focus,.naming-modal input:focus{border-color:var(--green);background:#fff;box-shadow:0 0 0 3px rgba(23,122,92,.08)}
.form-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 30px;border-top:1px solid var(--line);background:#f9fbf9}.form-footer p{margin:0;color:var(--muted);font-size:.75rem}.form-footer p strong{color:var(--ink)}
.workflow-preview{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-top:20px}.workflow-preview article{display:flex;align-items:center;gap:13px;padding:17px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.7)}.workflow-preview article>span{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;color:var(--green);background:var(--mint);font-size:.64rem;font-weight:900}.workflow-preview article div{display:grid;gap:2px}.workflow-preview strong{font-size:.76rem}.workflow-preview p{margin:0;color:var(--muted);font-size:.66rem}
.client-search-panel{padding:24px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:var(--shadow)}.client-search-box{display:grid;gap:9px;color:var(--muted);font-size:.72rem;font-weight:800}.client-search-box>div{display:flex;gap:10px}.client-search-box input{flex:1;min-width:0;min-height:47px;padding:0 14px;border:1px solid var(--line);border-radius:9px;color:var(--ink);background:#fafcfa;outline:0}.client-search-box input:focus{border-color:var(--green);background:#fff;box-shadow:0 0 0 3px rgba(23,122,92,.08)}.search-source{margin:11px 0 0;color:var(--muted);font-size:.66rem}.client-results{display:grid;gap:10px;margin-top:16px}.client-results-empty{display:grid;justify-items:center;padding:52px 24px;border:1px dashed #cbd5cf;border-radius:16px;background:rgba(255,255,255,.65);text-align:center}.client-results-empty>span{display:grid;place-items:center;width:44px;height:44px;margin-bottom:13px;border-radius:12px;color:var(--green);background:var(--mint);font-size:.72rem;font-weight:950}.client-results-empty h3{margin:0 0 7px;font-size:.96rem}.client-results-empty p{margin:0;color:var(--muted);font-size:.75rem}.client-result-row{display:grid;grid-template-columns:minmax(180px,1.2fr) minmax(190px,1fr) 150px auto;align-items:center;gap:18px;padding:17px 19px;border:1px solid var(--line);border-radius:13px;background:#fff;box-shadow:0 7px 22px rgba(24,43,36,.035);cursor:pointer;transition:border-color .2s,box-shadow .2s,transform .2s}.client-result-row:hover,.client-result-row:focus-visible{border-color:#a7c9ba;box-shadow:0 13px 34px rgba(24,43,36,.09);transform:translateY(-1px);outline:0}.client-result-row>div{display:grid;gap:4px;min-width:0}.client-result-row strong{font-size:.78rem;overflow-wrap:anywhere}.client-result-row span,.client-result-row time{color:var(--muted);font-size:.66rem;overflow-wrap:anywhere}.client-result-actions{display:flex!important;grid-auto-flow:column;align-items:center;gap:7px!important}.open-order-button{white-space:nowrap}.delete-order-button{min-height:43px;padding:0 12px;border:1px solid #e3b5b1;border-radius:9px;color:var(--danger);background:#fff;font-size:.72rem;font-weight:850}.delete-order-button:hover{color:#fff;background:var(--danger)}
.placeholder-section{min-height:430px;padding:55px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:var(--shadow)}.placeholder-section h2{margin:8px 0;font-size:2.5rem;letter-spacing:-.05em}.placeholder-section>p:last-child{color:var(--muted)}
.work-order-header{align-items:flex-start}.work-order-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.save-status{padding:7px 10px;border-radius:999px;color:var(--muted);background:#e9edeb;font-size:.64rem;font-weight:850}.save-status[data-state="saved"]{color:var(--green);background:var(--mint)}.save-status[data-state="warning"]{color:#865f0e;background:#fff1cf}.save-status[data-state="saving"]{color:#4361a0;background:#e9effd}
.order-cards{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:19px}.order-card{padding:27px;border:1px solid var(--line);border-radius:17px;background:#fff;box-shadow:var(--shadow)}.card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:22px}.card-heading h3{margin:6px 0 0;font-size:1.3rem;letter-spacing:-.035em}.client-details{display:grid;grid-template-columns:145px minmax(0,1fr);margin:0}.client-details dt,.client-details dd{margin:0;padding:12px 0;border-bottom:1px solid var(--line);font-size:.78rem}.client-details dt{color:var(--muted);font-weight:750}.client-details dd{font-weight:700;overflow-wrap:anywhere}.comments-card textarea{width:100%;min-height:285px;padding:15px;border:1px solid var(--line);border-radius:10px;color:var(--ink);background:#fafcfa;resize:vertical;outline:0;line-height:1.55}.comments-card textarea:focus{border-color:var(--green);background:#fff}.comments-card>p{margin:9px 0 0;color:var(--muted);font-size:.65rem}
.receipt-shortcuts{display:grid;gap:15px;margin-top:24px}.receipt-empty{margin:0;padding:16px;border:1px dashed #cad4ce;border-radius:10px;color:var(--muted);background:#fafcfa;font-size:.7rem;text-align:center}.receipt-template-entry{padding-top:17px;border-top:2px solid var(--ink)}.receipt-template-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}.receipt-template-heading h4{margin:0;font-size:.82rem;letter-spacing:.025em}.receipt-template-heading time{color:var(--muted);font-size:.58rem;white-space:nowrap}.receipt-template-entry dl{display:grid;grid-template-columns:minmax(120px,.9fr) minmax(0,1.1fr);margin:0}.receipt-template-entry dt,.receipt-template-entry dd{margin:0;padding:5px 0;border-bottom:1px dotted #d3dad6;font-size:.68rem;line-height:1.35}.receipt-template-entry dt{padding-right:10px;color:var(--muted);font-weight:700}.receipt-template-entry dd{font-weight:750;overflow-wrap:anywhere}.receipt-template-entry>p{margin:11px 0 0;color:var(--muted);font-size:.62rem;font-style:italic;line-height:1.4}
.shortcut-section{margin-top:22px;padding:26px;border:1px solid var(--line);border-radius:17px;background:#fff;box-shadow:var(--shadow)}.shortcut-heading{align-items:center;margin-bottom:19px}.shortcut-heading h3{margin:5px 0 0;font-size:1.25rem}.shortcut-heading>p{max-width:410px;margin:0;color:var(--muted);font-size:.7rem;line-height:1.5}.shortcut-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.shortcut-grid button{display:grid;gap:6px;min-height:122px;padding:17px;border:1px solid var(--line);border-radius:12px;color:var(--ink);background:#fafcfa;text-align:left;transition:.2s}.shortcut-grid button:hover{border-color:var(--green);background:var(--mint);transform:translateY(-2px)}.shortcut-grid kbd{width:max-content;padding:5px 7px;border:0;border-radius:6px;color:#143b2f;background:var(--lime);font-family:inherit;font-size:.59rem;font-weight:950;letter-spacing:.04em}.shortcut-grid strong{font-size:.82rem}.shortcut-grid span{color:var(--muted);font-size:.66rem}
kbd{padding:2px 5px;border:1px solid var(--line);border-bottom-width:2px;border-radius:5px;background:#fff;font-family:inherit;font-size:.65rem;font-weight:800}
.modal{width:min(720px,calc(100% - 28px));max-height:calc(100dvh - 36px);padding:0;border:0;border-radius:18px;color:var(--ink);background:#fff;box-shadow:0 34px 110px rgba(12,32,25,.35)}.modal::backdrop{background:rgba(8,25,19,.61);backdrop-filter:blur(5px)}.modal form{padding:28px}.naming-modal{width:min(500px,calc(100% - 28px))}.modal-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.modal-heading h2{margin:5px 0 0;font-size:1.7rem;letter-spacing:-.045em}.icon-button{display:grid;place-items:center;width:35px;height:35px;padding:0;border:1px solid var(--line);border-radius:8px;color:var(--muted);background:#fff;font-size:1.4rem}.modal form>p,.modal-intro{margin:17px 0 21px;color:var(--muted);font-size:.8rem;line-height:1.55}.modal-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px;margin-top:24px;padding-top:20px;border-top:1px dashed #ccd4cf}
.delete-modal{width:min(500px,calc(100% - 28px))}.delete-dialog-content{padding:28px}.delete-dialog-content>p{margin:17px 0;color:var(--muted);font-size:.82rem;line-height:1.55}.danger-eyebrow{color:var(--danger)}.delete-warning{padding:12px 14px;border:1px solid #efceca;border-radius:9px;color:#8e342d;background:#fff4f2;font-size:.72rem;font-weight:800}.danger-button{min-height:43px;padding:0 17px;border:0;border-radius:9px;color:#fff;background:var(--danger);font-size:.76rem;font-weight:900}.danger-button:hover{background:#9f3f38}
.template-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;max-height:54vh;padding:2px 3px 4px;overflow-y:auto}.template-fields .wide-field{grid-column:1/-1}.template-fields textarea{min-height:82px;resize:vertical}.automatic-date{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:17px;padding:12px 14px;border-radius:9px;color:var(--muted);background:#f3f6f3;font-size:.7rem}.automatic-date strong{color:var(--ink)}.pattern-grid{display:grid;grid-template-columns:repeat(3,42px);gap:10px;width:max-content;padding:12px;border-radius:12px;background:#f3f6f3}.pattern-grid button{display:grid;place-items:center;width:42px;height:42px;border:2px solid #bdc8c2;border-radius:50%;color:transparent;background:#fff}.pattern-grid button::after{content:"";width:9px;height:9px;border-radius:50%;background:#8d9a94}.pattern-grid button.is-selected{border-color:var(--green);color:#fff;background:var(--green);font-size:.7rem;font-weight:900}.pattern-grid button.is-selected::after{display:none}
.toast{position:fixed;right:24px;bottom:24px;z-index:100;max-width:380px;padding:14px 17px;border-radius:11px;color:#fff;background:var(--navy);font-size:.75rem;font-weight:750;box-shadow:0 18px 50px rgba(0,0,0,.25)}.toast[hidden]{display:none}
@media print{.sidebar,.topbar,.work-order-actions,.shortcut-section,.back-button,.comments-card,.receipt-empty{display:none!important}.app-shell{display:block}.content-area{padding:0}.order-cards{display:block}.receipt-card{border:0;box-shadow:none}.print-badge{display:none}.work-order-header{margin-bottom:12px}.work-order-header h2{font-size:1.8rem}.receipt-template-entry{break-inside:avoid}}
@media(max-width:1050px){.client-result-row{grid-template-columns:1fr 1fr}.client-result-row .open-order-button{width:max-content}}
@media(max-width:940px){.order-cards{grid-template-columns:1fr}.shortcut-grid{grid-template-columns:repeat(2,1fr)}.workflow-preview{grid-template-columns:1fr}}
@media(max-width:780px){.app-shell{display:block}.sidebar{position:fixed;left:0;transform:translateX(-100%);width:250px;transition:transform .25s;box-shadow:20px 0 60px rgba(10,30,23,.25)}.sidebar.is-open{transform:none}.mobile-menu{display:block}.topbar{padding:16px 20px}.topbar>div{margin-right:auto}.content-area{padding:28px 20px 52px}.form-grid{grid-template-columns:1fr}.section-heading,.work-order-header,.shortcut-heading{align-items:flex-start;flex-direction:column}.work-order-actions{justify-content:flex-start}.template-fields{grid-template-columns:1fr}.template-fields .wide-field{grid-column:auto}}
@media(max-width:620px){.client-result-row{grid-template-columns:1fr}.client-search-box>div{align-items:stretch;flex-direction:column}.client-search-box button,.client-result-row .open-order-button{width:100%}}
@media(max-width:520px){.topbar .outline-button{display:none}.form-grid,.client-form form{padding:20px}.form-footer{align-items:stretch;flex-direction:column;padding:18px 20px}.shortcut-grid{grid-template-columns:1fr}.order-card,.shortcut-section{padding:20px}.client-details{grid-template-columns:1fr}.client-details dt{padding-bottom:2px;border:0}.client-details dd{padding-top:2px}.modal form{padding:21px}.modal-actions{align-items:stretch;flex-direction:column-reverse}.modal-actions button{width:100%}}