:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;color:#1f2937;background-color:#f9fafb}body{margin:0;min-height:100dvh}.login-page{min-height:100dvh;display:grid;place-items:center}.login-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:2rem;width:min(360px,90vw);display:flex;flex-direction:column;gap:1rem}.login-card h1{margin:0;text-align:center}.login-subtitle{margin:0;text-align:center;color:#6b7280}.login-card label{display:flex;flex-direction:column;gap:.25rem;font-weight:600}.login-card input{padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:8px;font-size:1rem}.login-error{margin:0;color:#b91c1c;font-size:.9rem}.login-card button{padding:.6rem;border:none;border-radius:8px;background:#1f2937;color:#fff;font-size:1rem;cursor:pointer}.login-card button:disabled{opacity:.6;cursor:wait}.app-shell{min-height:100dvh}.app-header{display:flex;align-items:center;gap:1.5rem;padding:.75rem 1.25rem;background:#1f2937;color:#f9fafb}.app-brand{font-weight:700;letter-spacing:.05em}.app-header nav{display:flex;gap:1rem;flex:1}.app-header nav a{color:#d1d5db;text-decoration:none}.app-header nav a.active{color:#f59e0b;font-weight:600}.app-user{display:flex;align-items:center;gap:.75rem;font-size:.9rem}.app-user button{padding:.35rem .75rem;border:1px solid #4b5563;border-radius:8px;background:transparent;color:#f9fafb;cursor:pointer}.page{max-width:60rem;margin:0 auto;padding:1.5rem 1.25rem}.page-loading{padding:2rem;text-align:center;color:#6b7280}.dialog-backdrop{position:fixed;inset:0;background:#1f293773;display:grid;place-items:center;z-index:10}.dialog{background:#fff;border-radius:12px;padding:1.5rem;width:min(380px,90vw);display:flex;flex-direction:column;gap:1rem}.dialog h2{margin:0;font-size:1.15rem}.dialog label{display:flex;flex-direction:column;gap:.25rem;font-weight:600}.dialog input{padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:8px;font-size:1rem}.form-error{margin:0;color:#b91c1c;font-size:.9rem}.dialog-actions{display:flex;justify-content:flex-end;gap:.5rem}.dialog-actions button{padding:.5rem .9rem;border:none;border-radius:8px;background:#1f2937;color:#fff;cursor:pointer}.dialog-actions button:disabled{opacity:.6;cursor:wait}.dialog-hint{margin:0;color:#6b7280;font-size:.9rem}.toolbar{display:flex;gap:.75rem;align-items:center;margin-bottom:1rem}.toolbar input[type=search]{flex:1;max-width:22rem;padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:8px;font-size:1rem}.toolbar button{padding:.5rem .9rem;border:none;border-radius:8px;background:#1f2937;color:#fff;cursor:pointer}.dialog textarea{padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:8px;font-size:1rem;font-family:inherit}.order-form{display:flex;flex-direction:column;gap:.75rem;max-width:32rem}.order-form label{display:flex;flex-direction:column;gap:.25rem;font-weight:600}.order-form input,.order-form select,.order-form textarea{padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:8px;font-size:1rem;font-family:inherit}.order-form button[type=submit],.order-form>button{align-self:flex-start;padding:.5rem .9rem;border:none;border-radius:8px;background:#1f2937;color:#fff;cursor:pointer}.field-hint{margin:0;color:#92400e;background:#fef3c7;border-radius:8px;padding:.4rem .75rem;font-size:.9rem}.search-results{list-style:none;margin:-.5rem 0 0;padding:0;border:1px solid #e5e7eb;border-radius:8px;background:#fff}.search-results button{width:100%;text-align:left;padding:.5rem .75rem;border:none;background:transparent;cursor:pointer}.selected-customer button{margin-left:.5rem}.item-card{border:1px solid #e5e7eb;border-radius:12px;padding:1rem;margin-bottom:1rem;display:flex;flex-direction:column;gap:.75rem}.item-card-head{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.item-card-head button{margin-left:auto;padding:.25rem .6rem;border:1px solid #b91c1c;border-radius:8px;background:transparent;color:#b91c1c;cursor:pointer}.item-notes{margin:0;color:#6b7280;font-size:.9rem}.delta-warn{color:#b45309;font-weight:600}.variant-form{display:flex;gap:.5rem;align-items:end;flex-wrap:wrap}.variant-form label{display:flex;flex-direction:column;gap:.25rem;font-size:.85rem;font-weight:600}.variant-form input,.variant-form select{padding:.35rem .5rem;border:1px solid #d1d5db;border-radius:8px}.variant-form button{padding:.4rem .7rem;border:none;border-radius:8px;background:#1f2937;color:#fff;cursor:pointer}.button-like{padding:.5rem .9rem;border-radius:8px;background:#1f2937;color:#fff!important;text-decoration:none;white-space:nowrap}.breadcrumbs a{color:#6b7280;text-decoration:none}.confirm-box{margin-top:1rem;display:flex;flex-direction:column;gap:.5rem}.confirm-box button{align-self:flex-start;padding:.6rem 1.2rem;border:none;border-radius:8px;background:#166534;color:#fff;font-size:1rem;cursor:pointer}.confirm-box button:disabled{opacity:.6;cursor:wait}.confirm-box ul{margin:.25rem 0 0;padding-left:1.25rem}.admin-form{display:flex;flex-wrap:wrap;gap:1rem;align-items:end}.admin-form label{display:flex;flex-direction:column;gap:.25rem;font-weight:600}.admin-form input,.admin-form select,.admin-table select{padding:.5rem .6rem;border:1px solid #d1d5db;border-radius:8px;font-size:.95rem}.admin-form button,.admin-table button{padding:.5rem .9rem;border:1px solid #d1d5db;border-radius:8px;background:#fff;cursor:pointer}.form-error{color:#b91c1c}.password-once{background:#fef3c7;border:1px solid #f59e0b;border-radius:8px;padding:.75rem}.password-once code{font-size:1.05rem;font-weight:700;-webkit-user-select:all;user-select:all}.admin-table{width:100%;border-collapse:collapse;background:#fff;border:1px solid #e5e7eb;border-radius:8px}.admin-table th,.admin-table td{text-align:left;padding:.6rem .8rem;border-bottom:1px solid #e5e7eb}
