:root{color-scheme:dark;color:#362513;background:#2b1f16}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at top,#4b3a2a,#2a1c11 45%,#18100b);color:#f4ede0;font-family:Georgia,Cambria,Times New Roman,serif}button,input,select,textarea{font:inherit;color:#31220e}input::placeholder,select::placeholder,textarea::placeholder{color:#8c755d}.app{max-width:1100px;margin:0 auto;padding:2rem 1.5rem 3rem}.env-banner{margin-bottom:1rem;padding:.6rem 1rem;background:repeating-linear-gradient(-45deg,#f2b705,#f2b705 12px,#e0a800 12px,#e0a800 24px);color:#1d1300;border-radius:.75rem;font-family:system-ui,sans-serif;font-weight:700;text-align:center;letter-spacing:.02em}header{margin-bottom:1.5rem;padding:1.5rem 2rem;background:linear-gradient(135deg,#eee2c826,#513c2673);border:1px solid rgba(255,255,255,.08);border-radius:1.5rem;box-shadow:0 20px 50px #00000059}h1{margin:0 0 .5rem;font-size:clamp(2.2rem,2.5vw,3rem);letter-spacing:.04em;text-transform:uppercase;color:#f7eedc}p{margin:0}header p{color:#d8cabd}.form-card,.board-card{background:#f4ebdef2;border:1px solid rgba(126,92,56,.45);border-radius:1rem;padding:1.25rem;box-shadow:0 15px 30px #0003;color:#3c2b1d}.form-card{margin-bottom:1.5rem}.inventory-table{width:100%;border-collapse:collapse}.inventory-table th,.inventory-table td{text-align:left;padding:.6rem .75rem;border-bottom:1px solid rgba(126,92,56,.2)}.inventory-table th{font-weight:600;color:#3c280fb3;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em}.inventory-table tbody tr:last-child td{border-bottom:none}.field-row{display:grid;gap:.75rem;margin-bottom:1rem}label{font-weight:700;color:#3c2b1d}input,select{width:100%;padding:.85rem 1rem;border:1px solid #9c7d5f;border-radius:.75rem;background:#f6efe3;box-shadow:inset 0 1px 2px #00000014}button[type=submit]{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.95rem 1.2rem;border:none;border-radius:.9rem;background:linear-gradient(135deg,#5a3f23,#3d2714);color:#f3e7d4;cursor:pointer;text-transform:uppercase;letter-spacing:.04em;transition:background .2s ease,transform .2s ease}button[type=submit]:hover{background:linear-gradient(135deg,#6f5237,#4f361f);transform:translateY(-1px)}.tracker-toolbar{display:flex;gap:.75rem;align-items:center;margin-bottom:1rem}.tracker-toolbar .tracker-search-row{flex:1;margin-bottom:0}.tracker-search-row{margin-bottom:1rem}.tracker-search-row input{width:100%;padding:.85rem 1rem;border:1px solid rgba(124,89,49,.4);border-radius:.85rem;background:#f6efe3e6;color:#3c2b1d;box-shadow:inset 0 1px 2px #00000014}.tracker-search-row input:focus{outline:none;border-color:#5a3f23;box-shadow:0 0 0 2px #5a3f2333}.board-grid{display:grid;gap:.85rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.board-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem;border-bottom:1px solid rgba(124,89,49,.35);padding-bottom:.75rem}.board-header h2{margin:0;font-size:1.2rem;color:#3c2b1d}.board-header span{display:inline-flex;align-items:center;justify-content:center;min-width:2rem;padding:.45rem .8rem;background:#7e5c381f;border-radius:999px;color:#5b3f25;font-weight:700}.board-list{display:grid;gap:.85rem}.board-pagination{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:.85rem;padding-top:.75rem;border-top:1px solid rgba(126,92,56,.2)}.board-page-btn{width:2rem;height:2rem;border:1px solid rgba(126,92,56,.4);border-radius:.5rem;background:#fffaf1e6;color:#5a3f23;font-size:1.1rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s ease,border-color .15s ease}.board-page-btn:hover:not(:disabled){background:#5a3f231f;border-color:#5a3f2399}.board-page-btn:disabled{opacity:.3;cursor:default}.board-page-label{font-size:.78rem;font-weight:600;color:#3c2b1da6;min-width:3rem;text-align:center;letter-spacing:.04em}.board-item{border:1px solid rgba(140,110,81,.35);border-radius:1rem;padding:1rem;background:#fffaf1f5}.board-item .item-top{display:flex;justify-content:space-between;gap:1rem;align-items:baseline}.board-item span{color:#3f2d1e}.board-item small{color:#76614f;font-size:.8rem}.action-row{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.85rem}.board-item button{padding:.55rem .75rem;border:1px solid #8c755d;border-radius:.75rem;background:#f4ece0;cursor:pointer;color:#3c2b1d}.board-item button:hover{background:#e6d6bd}.btn-picked-up{background:linear-gradient(135deg,#5a3f23,#3d2714)!important;color:#f3e7d4!important;border-color:#3d2714!important;font-weight:600}.btn-picked-up:hover{background:linear-gradient(135deg,#6f5237,#4f361f)!important}.user-card{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:1.5rem;margin-bottom:0;padding:1rem 1.25rem;background:#8765421f;border:1px solid rgba(124,89,49,.3);border-radius:1rem}.tab-nav{display:flex;gap:.75rem;margin-bottom:1rem}.tab-nav button{flex:1;padding:.9rem 1rem;border:1px solid rgba(124,89,49,.4);border-radius:.85rem;background:#7c5931;color:#ffffffd9;cursor:pointer;font-weight:600;transition:background .2s ease}.tab-nav button.active{background:#fff;border-color:#7c59314d;color:#3c2b1d;font-weight:700}.tab-nav button:hover:not(.active){background:#6b4d28}.error-message{color:#7a2e16;background:#ffebe6e6;padding:.75rem 1rem;border-radius:.75rem}.item-code-badge{display:inline-block;font-size:.75rem;font-weight:700;font-family:monospace;letter-spacing:.04em;color:#5b3f25;background:#7e5c381f;border:1px solid rgba(126,92,56,.3);border-radius:.4rem;padding:.2rem .5rem;margin-top:0;vertical-align:middle}.notes{margin-top:1rem;color:#6d5942}.admin-link-footer{display:flex;justify-content:center;padding:2rem 0;margin-top:1rem}.admin-link{background:none;border:none;color:#8c755d;text-decoration:underline;cursor:pointer;font-size:.95rem;padding:.5rem;transition:color .2s ease}.admin-link:hover{color:#a88968}.cancel-link{background:none;border:none;color:#8c755d;text-decoration:underline;cursor:pointer;padding:.5rem;margin-top:1rem;display:block;transition:color .2s ease}.cancel-link:hover{color:#a88968}.customers-list{display:flex;flex-direction:column;gap:.85rem}.customer-item{display:flex;align-items:center;justify-content:space-between;gap:1rem;border:1px solid rgba(140,110,81,.35);border-radius:1rem;padding:1rem;background:#fffaf1f5;transition:background .2s ease}.customer-item:hover{background:#f6efe3f5}.customer-info{display:flex;gap:1rem;align-items:flex-start}.customer-id{font-weight:700;color:#3c2b1d;background:#7e5c381f;padding:.45rem .75rem;border-radius:.5rem;min-width:fit-content}.customer-details{flex:1}.customer-name{font-weight:600;color:#3f2d1e;margin-bottom:.25rem}.customer-address{color:#76614f;font-size:.9rem}.customer-email{color:#76614f;font-size:.85rem;margin-top:.25rem}.customer-phone{color:#76614f;font-size:.85rem}.no-customers{color:#6d5942;text-align:center;padding:1rem}.autocomplete-container{position:relative}.autocomplete-list{position:absolute;top:100%;left:0;right:0;background:#f6efe3;border:1px solid #9c7d5f;border-top:none;border-radius:0 0 .75rem .75rem;max-height:300px;overflow-y:auto;z-index:10;box-shadow:0 5px 15px #0000001a}.autocomplete-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;cursor:pointer;color:#31220e;border-bottom:1px solid rgba(140,110,81,.1);transition:background .2s ease}.autocomplete-item:last-child{border-bottom:none}.autocomplete-item:hover{background:#7e5c3814}.autocomplete-name{font-weight:500;color:#3f2d1e}.autocomplete-id{font-size:.85rem;color:#76614f}input[type=checkbox]{width:auto;padding:0;border:none;background:none;box-shadow:none;accent-color:#5a3f23}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;display:flex;align-items:center;justify-content:center;z-index:100;padding:1rem}.modal{background:#f4ebdefa;border:1px solid rgba(126,92,56,.45);border-radius:1rem;padding:1.75rem;max-width:420px;width:100%;box-shadow:0 25px 60px #00000080;color:#3c2b1d}.modal h3{margin:0 0 .5rem;font-size:1.2rem;color:#3c2b1d}.modal p{color:#5b3f25;margin:0 0 1.25rem}.modal-checkbox-row{display:flex;align-items:flex-start;gap:.65rem;margin-bottom:1.5rem;padding:.85rem 1rem;background:#7e5c3814;border-radius:.75rem;border:1px solid rgba(126,92,56,.2);cursor:pointer}.modal-checkbox-row input[type=checkbox]{margin-top:.2rem;flex-shrink:0;cursor:pointer}.modal-checkbox-row label{display:flex;flex-direction:column;gap:.2rem;cursor:pointer;font-weight:600;color:#3c2b1d}.modal-label-primary{font-weight:600;color:#3c2b1d}.modal-label-email{font-size:.85rem;font-weight:400;color:#76614f}.modal-actions{display:flex;gap:.75rem;justify-content:flex-end}.btn-confirm{padding:.75rem 1.25rem;border:none;border-radius:.75rem;background:linear-gradient(135deg,#5a3f23,#3d2714);color:#f3e7d4;cursor:pointer;font-weight:600;letter-spacing:.03em}.btn-confirm:hover{background:linear-gradient(135deg,#6f5237,#4f361f)}.btn-cancel{padding:.75rem 1.25rem;border:1px solid #8c755d;border-radius:.75rem;background:#f4ece0;color:#3c2b1d;cursor:pointer;font-weight:600}.btn-cancel:hover{background:#e6d6bd}.modal-wide{max-width:560px}.modal-intake{max-width:740px;max-height:88vh;overflow-y:auto;display:flex;flex-direction:column;gap:0}.intake-shop-header{display:flex;flex-direction:column;align-items:center;gap:.15rem;padding-bottom:1rem;margin-bottom:1.25rem;border-bottom:2px solid rgba(126,92,56,.35);text-align:center;color:#3c2b1d;font-size:.9rem}.intake-shop-header strong{font-size:1.1rem;letter-spacing:.03em}.intake-section-label{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#3c2b1d80;margin-bottom:.5rem}.intake-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 1.25rem}.intake-legal{margin:1rem 0;padding:.85rem 1rem;background:#7e5c380f;border:1px solid rgba(126,92,56,.2);border-radius:.65rem;max-height:140px;overflow-y:auto;font-size:.78rem;line-height:1.55;color:#5b4128}.intake-signature-row{display:flex;flex-wrap:wrap;gap:1rem;align-items:flex-start;padding:.75rem 0;margin-bottom:.5rem;border-top:1px solid rgba(126,92,56,.2);font-size:.85rem;color:#5b4128}.intake-signature-field{flex:1 1 320px}.intake-signature-date{flex:0 0 180px}.signature-pad{position:relative}.signature-pad-canvas{display:block;width:100%;background:#fffdf8;border:1px solid rgba(126,92,56,.35);border-bottom:2px solid #5b4128;border-radius:6px;cursor:crosshair;touch-action:none}.signature-pad-hint{position:absolute;left:.75rem;bottom:.5rem;color:#5b412873;pointer-events:none}.signature-pad-clear{position:absolute;top:.4rem;right:.4rem;padding:.2rem .6rem;font-size:.75rem}textarea{width:100%;padding:.85rem 1rem;border:1px solid #9c7d5f;border-radius:.75rem;background:#f6efe3;box-shadow:inset 0 1px 2px #00000014;resize:vertical;font:inherit;color:#31220e}.customers-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.customers-toolbar h2{margin:0;font-size:1.2rem;color:#3c2b1d}.btn-new-customer{padding:.6rem 1rem;border:none;border-radius:.75rem;background:linear-gradient(135deg,#5a3f23,#3d2714);color:#f3e7d4;cursor:pointer;font-weight:600;font-size:.9rem;letter-spacing:.03em;white-space:nowrap;transition:background .2s ease}.btn-new-customer:hover{background:linear-gradient(135deg,#6f5237,#4f361f)}.customers-search-row{margin-bottom:1rem}.customers-search-row input{width:100%;padding:.75rem 1rem;border:1px solid rgba(124,89,49,.4);border-radius:.75rem;background:#f6efe3;color:#3c2b1d;box-shadow:inset 0 1px 2px #0000000f}.customers-search-row input:focus{outline:none;border-color:#5a3f23;box-shadow:0 0 0 2px #5a3f2333}.pagination-bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:1rem;padding-top:.75rem;border-top:1px solid rgba(126,92,56,.2);flex-wrap:wrap}.pagination-size{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:#5b3f25;font-weight:500}.pagination-size select{width:auto;padding:.3rem .5rem;border:1px solid rgba(124,89,49,.4);border-radius:.5rem;background:#f6efe3;color:#3c2b1d;font-size:.85rem;cursor:pointer}.pagination-nav{display:flex;align-items:center;gap:.5rem}.pagination-info{font-size:.85rem;color:#5b3f25;font-weight:500;min-width:7rem;text-align:right}.pagination-btn{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:1px solid rgba(124,89,49,.4);border-radius:.5rem;background:#f6efe3;color:#3c2b1d;cursor:pointer;font-size:1.1rem;line-height:1;transition:background .15s ease}.pagination-btn:hover:not(:disabled){background:#e6d6bd}.pagination-btn:disabled{opacity:.35;cursor:default}.btn-delete{padding:.45rem .85rem;border:1px solid rgba(160,50,30,.4);border-radius:.65rem;background:#fff0ebe6;color:#8b2c14;cursor:pointer;font-size:.8rem;font-weight:600;white-space:nowrap;flex-shrink:0;transition:background .15s ease,border-color .15s ease}.btn-delete:hover{background:#ffdcd2f2;border-color:#a0321ea6}.btn-danger{padding:.75rem 1.25rem;border:none;border-radius:.75rem;background:linear-gradient(135deg,#8b2c14,#6b1f0e);color:#fff5f3;cursor:pointer;font-weight:600;letter-spacing:.03em;transition:background .2s ease}.btn-danger:hover{background:linear-gradient(135deg,#a03318,#7d2410)}.board-item-clickable{cursor:pointer;transition:background .15s ease,box-shadow .15s ease}.board-item-clickable:hover{background:#f6efe3fa;box-shadow:0 4px 12px #0000001f}.modal-detail{max-width:580px;max-height:85vh;overflow-y:auto}.detail-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem;padding-bottom:.85rem;border-bottom:1px solid rgba(126,92,56,.3)}.detail-title{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;flex:1}.detail-type{font-size:1.15rem;font-weight:700;color:#3c2b1d}.btn-close-x{background:none;border:1px solid transparent;font-size:1.4rem;line-height:1;color:#7a5c40;cursor:pointer;padding:.2rem .55rem;border-radius:.5rem;flex-shrink:0;transition:background .15s ease}.btn-close-x:hover{background:#7e5c381a;border-color:#7e5c3833}.detail-meta{display:flex;gap:1.5rem;flex-wrap:wrap;margin-bottom:1.25rem;padding:.65rem .9rem;background:#7e5c3812;border-radius:.65rem;font-size:.88rem;color:#5b3f25}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 1.25rem}.detail-field{margin-bottom:.85rem}.detail-field-full{grid-column:1 / -1}.detail-label{display:block;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:#3c2b1d80;margin-bottom:.25rem}.detail-value{display:block;color:#3c2b1d;font-size:.95rem;min-height:1.3em}.detail-section{margin-top:.5rem;padding-top:1rem;border-top:1px solid rgba(126,92,56,.2)}.detail-section .customer-summary{margin-bottom:0}.btn-edit{padding:.75rem 1.25rem;border:none;border-radius:.75rem;background:linear-gradient(135deg,#5a3f23,#3d2714);color:#f3e7d4;cursor:pointer;font-weight:600;letter-spacing:.03em;transition:background .2s ease}.btn-edit:hover{background:linear-gradient(135deg,#6f5237,#4f361f)}.btn-delete{padding:.75rem 1.25rem;border:none;border-radius:.75rem;background:linear-gradient(135deg,#8b2020,#5e1212);color:#fde8e8;cursor:pointer;font-weight:600;letter-spacing:.03em;transition:background .2s ease}.btn-delete:hover:not(:disabled){background:linear-gradient(135deg,#a32525,#751717)}.btn-delete:disabled{opacity:.5;cursor:not-allowed}.btn-delete-confirm{padding:.75rem 1.25rem;border:none;border-radius:.75rem;background:linear-gradient(135deg,#8b2020,#5e1212);color:#fde8e8;cursor:pointer;font-weight:600;letter-spacing:.03em;transition:background .2s ease}.btn-delete-confirm:hover:not(:disabled){background:linear-gradient(135deg,#a32525,#751717)}.btn-delete-confirm:disabled{opacity:.5;cursor:not-allowed}.delete-confirm-box{background:#8b20201a;border:1px solid rgba(139,32,32,.35);border-radius:.75rem;padding:1rem;margin-top:.75rem}.delete-confirm-box p{margin:0 0 .75rem;color:#7a2e16;font-weight:600}.intake-submit-error{color:#7a2e16;background:#ffebe6e6;border:1px solid rgba(160,60,30,.3);border-radius:.65rem;padding:.65rem .9rem;font-size:.9rem;margin-bottom:.75rem}.workorder-confirm{display:flex;flex-direction:column;align-items:center;text-align:center;padding:.5rem 0}.workorder-confirm-icon{display:flex;align-items:center;justify-content:center;width:3.5rem;height:3.5rem;border-radius:50%;background:linear-gradient(135deg,#3a6b35,#2a4f27);color:#e8f5e5;font-size:1.8rem;font-weight:700;margin-bottom:1rem;box-shadow:0 4px 12px #2a4f2759}.workorder-confirm h3{margin:0 0 .35rem;font-size:1.25rem}.workorder-confirm p{margin:0 0 1.5rem;color:#6d5942;font-size:.95rem}.workorder-confirm-numbers{width:100%;display:flex;flex-direction:column;gap:.65rem;padding:1rem 1.25rem;background:#7e5c3812;border:1px solid rgba(126,92,56,.2);border-radius:.75rem}.workorder-confirm-row{display:flex;align-items:center;justify-content:space-between;gap:1rem}.workorder-confirm-label{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#3c2b1d8c}.workorder-confirm-value{font-weight:600;color:#3c2b1d;font-size:1rem}.autocomplete-create{color:#5a3f23;font-weight:600;font-size:.88rem;border-top:1px solid rgba(126,92,56,.15);margin-top:.15rem}.autocomplete-create:hover{background:#5a3f231a}.new-customer-inline{margin:.25rem 0 1rem;padding:1rem;background:#7e5c380f;border:1px solid rgba(126,92,56,.25);border-radius:.75rem}.customer-summary{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.6rem 1.25rem;margin:.25rem 0 1rem;padding:.85rem 1rem;background:#7e5c380f;border:1px solid rgba(126,92,56,.25);border-radius:.75rem}.customer-summary-row{min-width:0}.customer-summary-fullName,.customer-summary-address{grid-column:span 2}.customer-summary dt{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#3c2b1d80}.customer-summary dd{margin:.1rem 0 0;color:#31220e;overflow-wrap:anywhere}@media (max-width: 600px){.customer-summary{grid-template-columns:1fr 1fr}.customer-summary-fullName,.customer-summary-address{grid-column:1 / -1}}.customer-item-clickable{cursor:pointer;transition:background .15s ease,box-shadow .15s ease}.customer-item-clickable:hover{background:#f0e8dafa;box-shadow:0 3px 10px #0000001a}.modal-customer-items{max-width:680px;max-height:85vh;overflow-y:auto}.customer-items-meta{font-size:.82rem;color:#6d5942}.customer-items-table-wrap{overflow-x:auto;margin-top:.75rem}.status-chip{display:inline-block;padding:.2rem .55rem;border-radius:999px;font-size:.75rem;font-weight:600;white-space:nowrap}.status-chip--received{background:#5a3f231a;color:#5a3f23}.status-chip--processing{background:#2a4f771f;color:#1e4a72}.status-chip--ready-for-pickup{background:#2a642a1f;color:#1e6120}.board-item-draggable{cursor:grab}.board-item-draggable:active{cursor:grabbing}.board-item-dragging{opacity:.4}.board-card-drag-over{border:2px dashed #8b5e3c;background:#8b5e3c0f}.pickup-dropzone{margin:1.25rem auto 0;max-width:420px;padding:1rem 1.5rem;border:2px dashed #888;border-radius:10px;text-align:center;color:#666;font-size:.9rem;transition:background .15s,border-color .15s,color .15s}.pickup-dropzone-over{border-color:#c0392b;background:#c0392b12;color:#c0392b;font-weight:600}.metrics-tab{display:flex;flex-direction:column;gap:2rem}.metrics-section-title{display:flex;align-items:center;gap:.65rem;margin:0 0 .85rem;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:#f4ede099}.metrics-overdue-badge{display:inline-flex;align-items:center;justify-content:center;min-width:1.4rem;height:1.4rem;padding:0 .4rem;border-radius:999px;background:#a0321ed9;color:#ffe8e4;font-size:.72rem;font-weight:700;letter-spacing:0}.metrics-stat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.85rem}.metrics-stat-card{background:#f4ebdef2;border:1px solid rgba(126,92,56,.35);border-radius:1rem;padding:1rem 1.2rem;box-shadow:0 6px 16px #00000026;color:#3c2b1d}.metrics-stat-card--highlight{border-color:#5a3f2399;box-shadow:0 8px 20px #0003}.metrics-stat-value{font-size:1.75rem;font-weight:700;color:#2f1e0e;line-height:1.1;margin-bottom:.3rem}.metrics-stat-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#3c2b1d8c}.metrics-stat-sub{font-size:.7rem;color:#3c2b1d66;margin-top:.2rem}.metrics-empty{color:#f4ede073;font-style:italic;margin:0}.metrics-days-badge{display:inline-block;padding:.2rem .6rem;border-radius:999px;font-size:.78rem;font-weight:700}.metrics-days-badge--warning{background:#b4781426;color:#7a5010}.metrics-days-badge--critical{background:#a0321e24;color:#8b2c14}