:root{--ink:#1c2926;--muted:#6e7b75;--line:#e2e9e5;--paper:#fff;--bg:#f4f7f4;--green:#176b4d;--green-dark:#105439;--pale:#eaf5ee;--amber:#b7771e;--red:#b53b36;--shadow:0 10px 30px #1638270b}*{box-sizing:border-box}html{color:var(--ink);background:var(--bg);font-family:Arial,Helvetica,sans-serif}body{margin:0}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.04em;margin-bottom:.55rem;font-size:clamp(2rem,4vw,2.8rem);line-height:1.08}h2{letter-spacing:-.02em;margin-bottom:0;font-size:1.2rem}h3{font-size:1rem}.muted,.helper,.footer-note{color:var(--muted)}.muted{line-height:1.55}.eyebrow{letter-spacing:.13em;color:var(--green);margin-bottom:.65rem;font-size:.71rem;font-weight:800}.small-note,.helper,.footer-note{font-size:.85rem;line-height:1.5}.small-note{color:var(--muted);margin-top:1.3rem;margin-bottom:0}.small-note a,.back-line a{color:var(--green);font-weight:700}.app-header{border-bottom:1px solid var(--line);background:#fff}.header-inner{align-items:center;gap:3rem;max-width:1300px;min-height:78px;margin:auto;padding:0 2rem;display:flex}.brand,.auth-brand{white-space:nowrap;align-items:center;gap:.8rem;display:flex}.brand-mark{background:var(--green);color:#fff;border-radius:12px;place-items:center;width:39px;height:39px;font-family:Georgia,serif;font-size:1.55rem;font-weight:700;display:grid;transform:skew(-4deg)}.brand strong,.auth-brand strong{letter-spacing:-.02em;font-size:.94rem;display:block}.brand small,.auth-brand small{color:var(--muted);margin-top:.17rem;font-size:.72rem;display:block}.top-nav{color:#455b50;align-self:stretch;align-items:center;gap:1.7rem;font-size:.88rem;font-weight:700;display:flex}.top-nav a:hover,.back-line a:hover{color:var(--green)}.account{align-items:center;gap:1.2rem;margin-left:auto;display:flex}.account-text{text-align:right}.account-text strong,.account-text small{display:block}.account-text strong{font-size:.84rem}.account-text small{color:var(--muted);margin-top:.2rem;font-size:.72rem}.text-button{color:var(--green);background:0 0;border:0;padding:.3rem;font-weight:700}.text-button:hover{text-decoration:underline}.text-button.danger{color:var(--red)}.page-container{max-width:1300px;margin:auto;padding:2.7rem 2rem 5rem}.page-heading{justify-content:space-between;align-items:center;gap:2rem;margin-bottom:2rem;display:flex}.page-heading .muted{margin-bottom:0}.button{white-space:nowrap;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;min-height:42px;padding:.75rem 1.2rem;font-size:.88rem;font-weight:700;line-height:1.1;transition:background .15s,border-color .15s,transform .15s;display:inline-flex}.button:hover:not(:disabled){transform:translateY(-1px)}.button:disabled{opacity:.5;cursor:not-allowed}.button.primary{background:var(--green);color:#fff}.button.primary:hover:not(:disabled){background:var(--green-dark)}.button.secondary{color:var(--green);background:#fff;border-color:#c9d9cf}.button.secondary:hover:not(:disabled){background:var(--pale)}.button.full{width:100%}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;max-width:550px;margin-bottom:1.6rem;display:grid}.summary-card{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:14px;padding:1.15rem 1.3rem}.summary-card span,.summary-card small{color:var(--muted);font-size:.77rem;display:block}.summary-card strong{color:var(--green);margin:.4rem 0;font-size:2rem;line-height:1;display:block}.panel{background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:16px}.list-panel{overflow:hidden}.list-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:1.2rem 1.4rem;display:flex}.list-heading span{color:var(--muted);font-size:.8rem}.report-row{border-bottom:1px solid var(--line);align-items:center;gap:1.5rem;padding:1.15rem 1.4rem;transition:background .15s;display:flex}.report-row:last-child{border-bottom:0}.report-row:hover{background:#f9fcf9}.report-main{flex:1;min-width:0}.report-main strong,.report-main small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.report-main strong{font-size:.92rem}.report-main small{color:var(--muted);margin-top:.32rem;font-size:.78rem}.report-meta{color:var(--muted);align-items:center;gap:1.1rem;font-size:.8rem;display:flex}.row-arrow{color:var(--green);font-size:1.2rem}.status{white-space:nowrap;color:#4f6559;background:#eff2f0;border-radius:999px;align-items:center;padding:.4rem .65rem;font-size:.72rem;font-weight:800;display:inline-flex}.status-draft{color:#5a6a60;background:#edf1ee}.status-submitted{color:#91650e;background:#fff4df}.status-in_review{color:#3465a9;background:#e9f1ff}.status-returned{color:#a7463e;background:#fceae8}.status-approved{color:#207047;background:#e5f5ea}.empty-state{text-align:center;color:var(--muted);padding:4rem 1rem}.empty-state h3{color:var(--ink);margin-bottom:.4rem}.empty-icon{background:var(--pale);width:54px;height:54px;color:var(--green);border-radius:15px;place-items:center;margin:0 auto 1rem;font-size:1.8rem;display:grid}.footer-note{margin-top:1.3rem}.back-line{margin-bottom:1.3rem;font-size:.83rem}.form-stack{flex-direction:column;gap:1rem;display:flex}.form-stack label,.report-form label{flex-direction:column;gap:.45rem;font-size:.83rem;font-weight:700;display:flex}.form-stack input,.form-stack select,.form-stack textarea,.search-form input,.user-controls select{width:100%;color:var(--ink);background:#fff;border:1px solid #ccd9d0;border-radius:9px;outline:0;min-height:42px;padding:.74rem .82rem}.form-stack input:focus,.form-stack select:focus,.form-stack textarea:focus,.search-form input:focus,.user-controls select:focus{border-color:var(--green);box-shadow:0 0 0 3px #176b4d1a}.form-stack textarea{resize:vertical;line-height:1.5}.form-grid,.quantity-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.form-section{margin-bottom:1rem;padding:1.5rem}.form-section .helper{margin:.2rem 0 0}.section-heading{justify-content:space-between;align-items:start;margin-bottom:1.35rem;display:flex}.section-heading .eyebrow{margin-bottom:.3rem}.section-count{background:var(--pale);color:var(--green);border-radius:50%;place-items:center;width:29px;height:29px;font-size:.8rem;font-weight:800;display:grid}.report-form{gap:0}.form-actions{justify-content:flex-end;padding:.6rem 0 2rem;display:flex}.line-list{gap:.8rem;margin-bottom:1rem;display:grid}.line-editor{border:1px solid var(--line);background:#fbfcfb;border-radius:12px;gap:.9rem;padding:1.1rem;display:grid}.line-top{justify-content:space-between;align-items:center;font-size:.87rem;display:flex}.customer-search{margin-bottom:1rem;padding:1.5rem}.search-form{gap:.6rem;display:flex}.search-form input{flex:1}.customer-results{gap:.45rem;margin-top:.7rem;display:grid}.customer-results a{border:1px solid var(--line);border-radius:9px;grid-template-columns:1fr auto;gap:.2rem .8rem;padding:.8rem;display:grid}.customer-results a:hover{background:var(--pale)}.customer-results strong{font-size:.87rem}.customer-results small{color:var(--muted);grid-column:1;font-size:.77rem}.customer-results span{color:var(--green);grid-area:1/2/3;align-self:center;font-size:.75rem;font-weight:700}.selected-customer{background:var(--pale);border-radius:10px;flex-direction:column;gap:.2rem;padding:1rem;display:flex}.selected-customer span{color:var(--muted);font-size:.8rem}.selected-customer a{color:var(--green);margin-top:.3rem;font-size:.8rem;font-weight:700}.segmented{background:#eef3ef;border-radius:9px;width:max-content;margin-bottom:.5rem;padding:.2rem;display:flex}.segmented button{color:#5c7164;background:0 0;border:0;border-radius:7px;padding:.55rem .9rem;font-size:.81rem;font-weight:700}.segmented button.selected{color:var(--green);background:#fff;box-shadow:0 1px 5px #00000014}.alert{border-radius:10px;margin-bottom:1rem;padding:.9rem 1rem;font-size:.85rem;line-height:1.5}.alert.error{color:#8d302c;background:#fceae8}.alert.warning{color:#875b15;background:#fff5df}.alert.success{color:#1f7046;background:#e8f7ec}.detail-heading .status{font-size:.8rem}.detail-grid{grid-template-columns:minmax(0,1fr) 290px;align-items:start;gap:1rem;display:grid}.detail-overview{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-bottom:1rem;padding:1.1rem 1.5rem;display:grid}.detail-overview div{flex-direction:column;gap:.3rem;min-width:0;display:flex}.detail-overview span{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:.71rem;font-weight:800}.detail-overview strong{overflow-wrap:anywhere;font-size:.9rem}.detail-overview small{color:var(--muted);font-size:.77rem}.side-panel{margin-bottom:1rem;padding:1.3rem}.side-panel h2{margin-bottom:1rem}.side-panel form+form{margin-top:.6rem}.read-text{white-space:pre-wrap;margin:1.2rem 0 0;line-height:1.6}.read-line{border-bottom:1px solid var(--line);justify-content:space-between;gap:1rem;padding:.9rem 0;font-size:.85rem;display:flex}.read-line:last-child{border-bottom:0}.read-line span{white-space:nowrap;color:var(--muted)}.timeline{border-left:2px solid #d8e6dc;gap:1rem;margin-left:.35rem;padding-left:1rem;display:grid}.timeline div{position:relative}.timeline div:before{content:"";background:var(--green);border-radius:50%;width:.55rem;height:.55rem;position:absolute;top:.2rem;left:-1.32rem}.timeline strong,.timeline small{display:block}.timeline strong{font-size:.79rem}.timeline small{color:var(--muted);margin-top:.2rem;font-size:.72rem}.admin-grid{grid-template-columns:360px minmax(0,1fr);align-items:start;gap:1rem;display:grid}.user-list{display:grid}.user-row{border-bottom:1px solid var(--line);align-items:center;gap:.8rem;padding:1rem 0;display:flex}.user-row:last-child{border-bottom:0}.user-avatar{background:var(--pale);width:35px;height:35px;color:var(--green);border-radius:10px;place-items:center;font-weight:800;display:grid}.user-info{flex:1;min-width:0}.user-info strong,.user-info small,.user-info span{display:block}.user-info strong{font-size:.83rem}.user-info small,.user-info span{color:var(--muted);text-overflow:ellipsis;margin-top:.15rem;font-size:.73rem;overflow:hidden}.user-controls{align-items:center;gap:.4rem;display:flex}.user-controls select{width:auto;max-width:135px;min-height:37px;padding:.5rem;font-size:.75rem}.user-controls .button{min-height:37px;padding:.55rem .7rem;font-size:.75rem}.settings-panel{max-width:760px}.config-box{border:1px solid var(--line);background:#f7f9f7;border-radius:10px;gap:.3rem;margin:1rem 0;padding:1rem;display:grid}.config-box span{color:var(--muted);font-size:.72rem;font-weight:700}.config-box code{overflow-wrap:anywhere;font-size:.78rem}.auth-page{background:radial-gradient(circle at 80% 10%,#d8eddf,transparent 32%),var(--bg);place-items:center;min-height:100vh;padding:2rem;display:grid}.auth-card{border:1px solid var(--line);background:#fff;border-radius:18px;width:min(100%,430px);padding:2.4rem;box-shadow:0 18px 60px #1c462d14}.auth-brand{margin-bottom:2.5rem}.auth-card h1{font-size:2.2rem}.auth-card .muted{margin-bottom:1.5rem;font-size:.9rem}@media (max-width:900px){.header-inner{gap:1.4rem}.top-nav{gap:.9rem}.account-text{display:none}.detail-grid{grid-template-columns:1fr}.detail-side{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.detail-side .side-panel{margin-bottom:0}.admin-grid{grid-template-columns:1fr}.user-controls{flex-wrap:wrap}}.customer-result-form{border:1px solid var(--line);border-radius:9px;justify-content:space-between;align-items:center;gap:1rem;padding:.8rem;display:flex}.customer-result-form strong,.customer-result-form small{display:block}.customer-result-form strong{font-size:.87rem}.customer-result-form small{color:var(--muted);margin-top:.25rem;font-size:.77rem}@media (max-width:640px){.header-inner{flex-wrap:wrap;gap:.7rem;min-height:65px;padding:0 1rem}.brand-mark{width:34px;height:34px;font-size:1.3rem}.brand strong{font-size:.83rem}.brand small{font-size:.65rem}.top-nav{border-top:1px solid var(--line);order:3;justify-content:space-around;width:100%;height:40px;font-size:.77rem}.account{gap:.2rem}.account .text-button{font-size:.77rem}.page-container{padding:1.7rem 1rem 3rem}.page-heading{flex-direction:column;align-items:flex-start;gap:1rem}.page-heading .button{width:100%}.summary-grid{max-width:none}.summary-card{padding:1rem}.summary-card strong{font-size:1.6rem}.report-row{gap:.7rem;padding:1rem}.report-meta{flex-direction:column;align-items:end;gap:.4rem}.report-main strong{font-size:.82rem}.row-arrow{display:none}.detail-overview,.detail-side{grid-template-columns:1fr}.form-section,.customer-search{padding:1.1rem}.form-grid{grid-template-columns:1fr}.user-row{flex-wrap:wrap}.user-controls{width:100%;padding-left:2.7rem}.user-controls select{flex:1}.search-form{flex-direction:column}.auth-page{padding:1rem}.auth-card{padding:1.5rem}.form-actions .button{width:100%}}.user-avatar{flex-shrink:0;overflow:hidden}.user-avatar img{object-fit:cover;width:100%;height:100%}.user-card{border-bottom:1px solid var(--line);padding-bottom:1rem}.user-card:last-child,.user-card .user-row{border-bottom:0}.profile-edit summary{cursor:pointer;color:var(--green);padding:.3rem 0;font-size:.8rem;font-weight:700}.profile-edit .form-stack{max-width:460px;padding-top:1rem}.checkbox-label{align-items:center;flex-direction:row!important}.checkbox-label input{width:auto!important;min-height:0!important}.form-stack input[type=file]{padding:.65rem;font-size:.8rem}.account .user-avatar{width:32px;height:32px;font-size:.7rem}@media (max-width:640px){.account .user-avatar{display:none}.profile-edit .form-stack{max-width:none}}