:root{--bg: #ffffff;--panel: #ffffff;--surface: #f9fafb;--surface-hover: #f3f4f6;--text: #111111;--muted: #6b7280;--primary: #111111;--success: #111111;--warn: #6b7280;--info: #111111;--border: #e5e7eb;--border-strong: #d1d5db;--nav-bg: rgba(255, 255, 255, .95)}:root.dark-mode{--bg: #0f172a;--panel: #1e293b;--surface: rgba(30, 41, 59, .85);--surface-hover: rgba(51, 65, 85, .9);--text: #f8fafc;--muted: #94a3b8;--primary: #38bdf8;--success: #38bdf8;--warn: #facc15;--info: #38bdf8;--border: rgba(148, 163, 184, .35);--border-strong: rgba(148, 163, 184, .5);--nav-bg: rgba(15, 23, 42, .95)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";background:var(--bg);color:var(--text)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app-container{min-height:100%;display:flex;flex-direction:column}.page-container{flex:1;width:100%;max-width:1000px;margin:0 auto;padding:24px}.footer{border-top:1px solid var(--border);background:var(--panel);padding:20px 24px;margin-top:auto;box-shadow:0 -6px 24px #0f172a0f}.footer-content{max-width:1000px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.footer-text{margin:0;color:var(--muted);font-size:14px}.footer-social{display:flex;gap:12px;align-items:center}.customer-name-cell,.weight-cell{display:flex;align-items:center;gap:8px}.customer-name-display{display:flex;align-items:center;gap:6px;flex:1}.customer-name-display span{flex:1}@media (min-width: 721px){.customer-name-cell,.weight-cell,.customer-name-display{gap:4px;justify-content:flex-end}.customer-name-display span{flex:0 1 auto}.weight-cell .customer-name-display{gap:4px;justify-content:flex-end}}.icon-btn{background:transparent;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s;color:var(--muted)}.icon-btn:hover{background:#0000000d;color:var(--text)}.icon-btn.edit-btn{opacity:.6}.icon-btn.edit-btn:hover{opacity:1}.icon-btn.save-btn{color:#16a34a}.icon-btn.save-btn:hover{background:#22c55e1a;color:#15803d}.icon-btn.cancel-btn{color:#dc2626}.icon-btn.cancel-btn:hover{background:#dc26261a;color:#b91c1c}.customer-name-edit{display:flex;align-items:center;gap:6px;flex:1}.customer-name-input{flex:1;padding:4px 8px;border:1px solid var(--border);border-radius:4px;font-size:14px;background:var(--panel);color:var(--text)}.customer-name-input:focus{outline:2px solid #6366f1;outline-offset:2px;border-color:#6366f1}.social-link{color:var(--muted);display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;transition:all .2s ease;text-decoration:none}.social-link:hover{color:var(--text);background:var(--surface-hover);transform:translateY(-2px)}.social-link svg{width:20px;height:20px}@media (max-width: 720px){.footer-content{flex-direction:column;text-align:center}}.navbar{border-bottom:1px solid var(--border);background:var(--nav-bg);position:sticky;top:0;-webkit-backdrop-filter:saturate(180%) blur(12px);backdrop-filter:saturate(180%) blur(12px);z-index:1000}.nav-content{max-width:1000px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:12px 24px}.brand{color:var(--text);text-decoration:none;font-weight:700;display:flex;align-items:center;gap:12px}.brand-logo{height:40px;width:auto;object-fit:contain}.nav-right,.nav-links{display:flex;gap:12px;align-items:center}.nav-links a{color:var(--text);text-decoration:none;padding:6px 12px;border-radius:8px;transition:background .2s ease,color .2s ease}.nav-links a.active,.nav-links a:hover{color:var(--text);background:var(--surface-hover)}.nav-theme-toggle{width:38px;height:38px;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--muted);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.nav-theme-toggle:hover{color:var(--text);background:var(--surface-hover)}.nav-theme-toggle:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.nav-theme-toggle.active{color:#facc15;background:#facc151f;border-color:#facc1573}.nav-theme-toggle-mobile{display:none}.nav-theme-toggle-desktop{display:flex}.hamburger-menu{display:none;background:transparent;border:none;color:var(--text);cursor:pointer;padding:8px;border-radius:8px;transition:background .2s ease;align-items:center;justify-content:center}.hamburger-menu:hover{background:var(--surface-hover)}.hamburger-menu:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.search-page{display:flex;flex-direction:column;align-items:center;gap:20px;padding-top:40px}.search-page h1{margin:0;font-size:28px;letter-spacing:.2px;white-space:nowrap}.heading-with-tooltip{display:flex;align-items:center;gap:8px;position:relative;flex-wrap:nowrap;width:100%;justify-content:center;max-width:100%}.tooltip-trigger{background:transparent;border:none;color:var(--muted);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease;position:relative;width:28px;height:28px}.tooltip-trigger:hover{color:var(--text);background:#0000000d}.tooltip-trigger svg{width:18px;height:18px}.tooltip-content{position:absolute;top:100%;left:50%;transform:translate(-50%);margin-top:8px;background:#111;color:#fff;padding:8px 12px;border-radius:6px;font-size:13px;white-space:nowrap;z-index:100;box-shadow:0 4px 6px #0000001a;pointer-events:none}.tooltip-content:before{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-bottom-color:#111}.tooltip-content p{margin:0}.searchbar-wrapper{width:100%;display:flex;justify-content:center}.searchbar{position:relative;width:min(800px,92%);background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:16px 20px;display:flex;align-items:center;gap:10px;box-shadow:0 6px 24px #0f172a0f}.searchbar input{flex:1;background:transparent;border:none;outline:none;color:var(--text);font-size:18px}.searchbar input:focus{outline:none}.searchbar input::placeholder{color:var(--muted)}.spinner{width:18px;height:18px;border-radius:999px;border:2px solid var(--muted);border-top-color:var(--primary);animation:spin .8s linear infinite}.searchbar-clear{background:transparent;border:none;color:var(--muted);font-size:24px;line-height:1;cursor:pointer;padding:4px 8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:50%;transition:all .2s ease;width:32px;height:32px}.searchbar-clear:hover{color:var(--text);background:var(--surface-hover)}.searchbar-clear:active{background:var(--surface)}.results{width:min(800px,92%);display:flex;flex-direction:column;gap:10px;margin-top:8px}.muted{color:var(--muted);font-size:14px}.result-row{display:flex;flex-direction:column;gap:10px;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:16px;transition:all .2s ease}.result-row:hover{background:var(--surface-hover);border-color:var(--border-strong);box-shadow:0 12px 24px #0f172a1f}.result-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.result-name{font-weight:700;font-size:16px;color:var(--text);flex:1}.result-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.result-date{color:var(--muted);font-size:14px;display:flex;align-items:center}.result-date:before{content:"📅";margin-right:6px;font-size:14px}.badge{padding:2px 8px;border-radius:999px;font-size:12px;border:1px solid transparent}.badge.progress{background:#eab3081f;color:#ca8a04;border-color:#eab30859}.badge.info{background:#3b82f61f;color:#2563eb;border-color:#3b82f659}.badge.warn{background:#22c55e1f;color:#16a34a;border-color:#22c55e59}.admin-page{display:flex;flex-direction:column;gap:16px;padding-top:12px}.admin-page h2{margin:0;font-size:22px}.header-buttons{display:flex;gap:12px;margin-bottom:8px}.btn-my-day{background:#fbcfe8;border:1px solid #f9a8d4;color:#000;padding:10px 20px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:700;transition:all .2s ease;box-shadow:0 2px 4px #f9a8d433,0 1px 2px #0000001a;display:inline-flex;align-items:center;justify-content:center;min-height:40px}.btn-my-day:hover{background:#f9a8d4;border-color:#f472b6;box-shadow:0 6px 12px #f9a8d44d,0 2px 4px #00000026;transform:translateY(-2px)}.btn-my-day:active{transform:translateY(0);box-shadow:0 2px 4px #f9a8d433,0 1px 2px #0000001a}.btn-override{background:#ddd6fe;border:1px solid #c084fc;color:#000;padding:10px 20px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:700;transition:all .2s ease;box-shadow:0 2px 4px #c084fc33,0 1px 2px #0000001a;display:inline-flex;align-items:center;justify-content:center;min-height:40px}.btn-override:hover{background:#c084fc;border-color:#a855f7;box-shadow:0 6px 12px #c084fc4d,0 2px 4px #00000026;transform:translateY(-2px)}.btn-override:active{transform:translateY(0);box-shadow:0 2px 4px #c084fc33,0 1px 2px #0000001a}.btn-portal{background:#bfdbfe;border:1px solid #93c5fd;color:#000;padding:10px 20px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:700;transition:all .2s ease;box-shadow:0 2px 4px #93c5fd40,0 1px 2px #0000001a;display:inline-flex;align-items:center;justify-content:center;min-height:40px}.btn-portal:hover{background:#93c5fd;border-color:#60a5fa;box-shadow:0 6px 12px #93c5fd59,0 2px 4px #00000026;transform:translateY(-2px)}.btn-portal:active{transform:translateY(0);box-shadow:0 2px 4px #93c5fd40,0 1px 2px #0000001a}.admin-controls{display:flex;gap:12px;align-items:center;margin-top:8px}.table-view-toggle{display:flex;align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:2px;gap:0;overflow:hidden;width:fit-content;height:40px;min-height:40px}.table-view-toggle.desktop-toggle{width:auto;min-width:140px;flex-shrink:0}.table-view-toggle-option{flex:1;padding:8px 20px;font-size:14px;font-weight:700;color:var(--text);background:transparent;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease;white-space:nowrap;-webkit-user-select:none;user-select:none}.table-view-toggle-option:hover{background:#0000000d}:root.dark-mode .table-view-toggle-option:hover{background:#ffffff0d}.table-view-toggle-option.active{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;box-shadow:0 2px 4px #4f46e533}:root.dark-mode .table-view-toggle-option.active{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff}.table-simple .thead,.table-simple .tr{grid-template-columns:1.5fr 2fr 2fr}.table-simple .thead>div,.table-simple .tr>div{text-align:left}.table-simple .thead>div:last-child,.table-simple .tr>div:last-child{text-align:center}.admin-search-wrapper{flex:1}.admin-search{position:relative;width:100%;max-width:400px}.sync-btn{display:flex;background:linear-gradient(135deg,#6366f1,#4f46e5);border:1px solid #4f46e5;color:#fff;padding:10px 16px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;align-items:center;gap:8px;transition:all .2s;box-shadow:0 2px 4px #4f46e533;white-space:nowrap}.sync-btn:hover:not(:disabled){background:linear-gradient(135deg,#4f46e5,#4338ca);box-shadow:0 4px 8px #4f46e54d;transform:translateY(-1px)}.sync-btn:active:not(:disabled){transform:scale(.98)}.sync-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.sync-btn svg{width:18px;height:18px;flex-shrink:0}.sync-btn-pink{display:flex;background:linear-gradient(135deg,#ec4899,#db2777);border:1px solid #db2777;color:#fff;padding:10px 16px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;align-items:center;justify-content:center;gap:8px;transition:all .2s;box-shadow:0 2px 4px #db277733;white-space:nowrap}.sync-btn-pink:hover:not(:disabled){background:linear-gradient(135deg,#db2777,#be185d);box-shadow:0 4px 8px #db27774d;transform:translateY(-1px)}.sync-btn-pink:active:not(:disabled){transform:scale(.98)}.sync-btn-pink:disabled{opacity:.6;cursor:not-allowed;transform:none}.sync-btn-pink svg{width:18px;height:18px;flex-shrink:0}@keyframes glitter-1{0%,to{opacity:0;transform:translate(0) scale(0) rotate(0)}10%{opacity:1;transform:translate(5px,-5px) scale(1) rotate(45deg)}20%{opacity:.8;transform:translate(10px,-10px) scale(.8) rotate(90deg)}30%{opacity:0;transform:translate(15px,-15px) scale(0) rotate(135deg)}}@keyframes glitter-2{0%,to{opacity:0;transform:translate(0) scale(0) rotate(0)}15%{opacity:1;transform:translate(-8px,8px) scale(1) rotate(-45deg)}25%{opacity:.8;transform:translate(-12px,12px) scale(.8) rotate(-90deg)}35%{opacity:0;transform:translate(-16px,16px) scale(0) rotate(-135deg)}}@keyframes glitter-3{0%,to{opacity:0;transform:translate(0) scale(0) rotate(0)}20%{opacity:1;transform:translate(12px,5px) scale(1) rotate(60deg)}30%{opacity:.8;transform:translate(18px,8px) scale(.8) rotate(120deg)}40%{opacity:0;transform:translate(24px,12px) scale(0) rotate(180deg)}}@keyframes glitter-4{0%,to{opacity:0;transform:translate(0) scale(0) rotate(0)}25%{opacity:1;transform:translate(-10px,-8px) scale(1) rotate(-60deg)}35%{opacity:.8;transform:translate(-15px,-12px) scale(.8) rotate(-120deg)}45%{opacity:0;transform:translate(-20px,-16px) scale(0) rotate(-180deg)}}@keyframes glitter-5{0%,to{opacity:0;transform:translate(0) scale(0) rotate(0)}30%{opacity:1;transform:translate(8px,12px) scale(1) rotate(30deg)}40%{opacity:.8;transform:translate(12px,18px) scale(.8) rotate(60deg)}50%{opacity:0;transform:translate(16px,24px) scale(0) rotate(90deg)}}.btn-upload-ocr{position:relative;overflow:visible}.btn-upload-ocr .glitter-1,.btn-upload-ocr .glitter-2,.btn-upload-ocr .glitter-3,.btn-upload-ocr .glitter-4,.btn-upload-ocr .glitter-5{position:absolute;width:5px;height:5px;background:radial-gradient(circle,#ffd700 0%,#ffed4e 50%,transparent 70%);border-radius:50%;box-shadow:0 0 8px gold,0 0 12px #ffd70099;pointer-events:none;z-index:10}.btn-upload-ocr .glitter-1{top:20%;left:10%;animation:glitter-1 3s ease-in-out infinite}.btn-upload-ocr .glitter-2{top:30%;right:15%;animation:glitter-2 3.5s ease-in-out infinite}.btn-upload-ocr .glitter-3{bottom:25%;left:20%;animation:glitter-3 4s ease-in-out infinite}.btn-upload-ocr .glitter-4{top:15%;right:25%;animation:glitter-4 3.2s ease-in-out infinite}.btn-upload-ocr .glitter-5{bottom:20%;right:10%;animation:glitter-5 3.8s ease-in-out infinite}.btn-upload-ocr:disabled .glitter-1,.btn-upload-ocr:disabled .glitter-2,.btn-upload-ocr:disabled .glitter-3,.btn-upload-ocr:disabled .glitter-4,.btn-upload-ocr:disabled .glitter-5,.btn-upload-ocr:disabled:before,.btn-upload-ocr:disabled:after{animation:none;opacity:0}.btn-new-badge{position:absolute;top:-8px;right:-8px;background:linear-gradient(135deg,gold,#ffed4e);color:#000;font-size:10px;font-weight:700;padding:2px 6px;border-radius:10px;box-shadow:0 2px 4px #ffd70066,0 0 8px #ffd7004d;z-index:11;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;animation:pulse-badge 2s ease-in-out infinite}@keyframes pulse-badge{0%,to{transform:scale(1);box-shadow:0 2px 4px #ffd70066,0 0 8px #ffd7004d}50%{transform:scale(1.05);box-shadow:0 2px 6px #ffd70099,0 0 12px #ffd70080}}.cube-view-toggle{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#6366f1,#4f46e5);border:1px solid #4f46e5;color:#fff;padding:10px 16px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s ease;box-shadow:0 2px 4px #4f46e533;white-space:nowrap}.cube-view-toggle:hover:not(:disabled){background:linear-gradient(135deg,#4f46e5,#4338ca);border-color:#4f46e5;box-shadow:0 4px 8px #4f46e54d;transform:translateY(-1px)}.cube-view-toggle:active:not(:disabled){transform:scale(.98)}.cube-view-toggle:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.cube-view-grid{margin-top:16px;display:flex;flex-wrap:wrap;gap:10px}.cube-card{flex:1 1 120px;max-width:180px;min-height:64px;border-radius:12px;padding:10px 12px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:13px;font-weight:700;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.cube-card.in-progress{background:#fef3c7;border:1px solid #facc15;color:#854d0e}.cube-card.done{background:#dbeafe;border:1px solid #60a5fa;color:#1d4ed8}.cube-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0f172a26}@media (max-width: 720px){.cube-view-grid{gap:8px}.cube-card{flex:1 1 calc(50% - 8px);max-width:none;min-height:56px}.cube-view-toggle{width:100%;justify-content:center}}.spinner-small{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}.spinner-large{width:36px;height:36px;border:4px solid rgba(125,211,252,.25);border-top-color:#38bdf8;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.sync-message{margin-top:12px;padding:12px 16px;border-radius:8px;font-size:14px;line-height:1.5}.sync-message.sync-success{background:#22c55e1a;color:#16a34a;border:1px solid rgba(34,197,94,.2)}.sync-message.sync-info{background:#3b82f61a;color:#2563eb;border:1px solid rgba(59,130,246,.2)}.mobile-sort-btn{display:flex;background:var(--panel);border:1px solid var(--border);color:var(--text);padding:10px 14px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s ease;box-shadow:0 8px 20px #0f172a14;align-items:center;gap:6px;min-width:60px;justify-content:center}.mobile-sort-btn:hover{background:var(--surface-hover);border-color:var(--border-strong)}.mobile-sort-btn:active{transform:scale(.98)}.mobile-sort-btn svg{width:18px;height:18px;stroke:currentColor;fill:currentColor}.sort-indicator-mobile{font-size:14px;font-weight:700}.admin-search input{width:100%;padding:10px 36px 10px 14px;border:1px solid var(--border);border-radius:10px;background:var(--panel);color:var(--text);font-size:14px}.admin-search input:focus{outline:none;border-color:#111}.admin-search-clear{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:transparent;border:none;color:var(--muted);font-size:24px;line-height:1;cursor:pointer;padding:4px 8px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease;width:32px;height:32px}.admin-search-clear:hover{color:var(--text);background:var(--surface-hover)}.admin-search-clear:active{background:var(--surface)}.table{width:100%;border:1px solid var(--border);border-radius:12px;overflow:hidden}.thead,.tr{display:grid;grid-template-columns:1.1fr .9fr 1.3fr .9fr 1fr 1.1fr 1.5fr;gap:0}.tr-empty{padding:24px;text-align:center;color:var(--muted)}.thead{background:var(--surface);font-weight:700;font-size:14px;color:var(--text)}.thead>div{padding:12px;border-bottom:1px solid var(--border);text-align:center}.tr>div{padding:12px;border-bottom:1px solid var(--border);color:var(--text)}@media (min-width: 721px){.tr>div:nth-child(1),.tr>div:nth-child(2),.tr>div:nth-child(5),.tr>div:nth-child(6){text-align:center;display:flex;align-items:center;justify-content:center}.thead>div:nth-child(1),.thead>div:nth-child(2),.thead>div:nth-child(5),.thead>div:nth-child(6){text-align:center;display:flex;align-items:center;justify-content:center}}.tbody{background:var(--panel)}.actions{display:flex;gap:8px}.btn{background:linear-gradient(135deg,#bfdbfe,#93c5fd);border:1px solid #60a5fa;color:#000;padding:10px 20px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:700;transition:all .2s ease;box-shadow:0 2px 4px #93c5fd33,0 1px 2px #0000001a;display:inline-flex;align-items:center;justify-content:center;min-height:40px;text-shadow:none}.btn:hover:not(:disabled){background:linear-gradient(135deg,#93c5fd,#60a5fa);border-color:#3b82f6;color:#000;box-shadow:0 6px 12px #93c5fd4d,0 2px 4px #00000026;transform:translateY(-2px)}.btn:active:not(:disabled){transform:translateY(0);color:#000;box-shadow:0 2px 4px #93c5fd33,0 1px 2px #0000001a}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none;color:#000;box-shadow:0 1px 2px #0000000d;background:linear-gradient(135deg,#dbeafe,#bfdbfe)}.btn.primary{background:linear-gradient(135deg,#4ade80,#22c55e);border-color:#16a34a;color:#000;box-shadow:0 2px 4px #22c55e33,0 1px 2px #0000001a}.btn.primary:hover:not(:disabled){background:linear-gradient(135deg,#22c55e,#16a34a);border-color:#15803d;color:#000;box-shadow:0 6px 12px #22c55e4d,0 2px 4px #00000026;transform:translateY(-2px)}.btn.primary:disabled{background:linear-gradient(135deg,#86efac,#4ade80);color:#000}.btn.btn-done{background:linear-gradient(135deg,#a5d8ff,#7cc1ff);border-color:#60a5fa;color:#1e40af;box-shadow:0 2px 4px #60a5fa33,0 1px 2px #0000001a}.btn.btn-done:hover:not(:disabled){background:linear-gradient(135deg,#7cc1ff,#60a5fa);border-color:#3b82f6;box-shadow:0 6px 12px #60a5fa4d,0 2px 4px #00000026;transform:translateY(-2px)}.btn.btn-done:disabled{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#93c5fd}.btn.btn-claimed{background:linear-gradient(135deg,#86efac,#6ee7b7);border-color:#4ade80;color:#166534;box-shadow:0 2px 4px #4ade8033,0 1px 2px #0000001a}.btn.btn-claimed:hover:not(:disabled){background:linear-gradient(135deg,#6ee7b7,#4ade80);border-color:#22c55e;box-shadow:0 6px 12px #4ade804d,0 2px 4px #00000026;transform:translateY(-2px)}.btn.btn-claimed:disabled{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#6ee7b7}.btn.ghost{background:transparent;border:1px solid var(--border);color:var(--text)}.btn.ghost:hover:not(:disabled){background:var(--surface-hover);border-color:var(--border-strong);box-shadow:0 8px 16px #0f172a1f}body.modal-open{overflow:hidden}body.modal-open .searchbar,body.modal-open .searchbar input,body.modal-open .admin-search,body.modal-open .admin-search input{opacity:.6;pointer-events:none}.modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;background:#00000059;z-index:9999;overflow-y:auto;box-sizing:border-box;display:flex;align-items:center;justify-content:center;padding:16px}.modal{position:relative;width:100%;max-width:420px;background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:18px;z-index:10000;max-height:calc(100vh - 32px);overflow-y:auto;box-sizing:border-box;margin:auto}.modal h3{margin:0 0 12px}.modal input{width:100%;padding:10px 12px;border-radius:10px;border:1px solid var(--border);background:var(--panel);color:var(--text)}.modal input:focus{outline:2px solid var(--primary);outline-offset:2px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:12px}.modal-actions .btn.primary{background:linear-gradient(135deg,#bfdbfe,#93c5fd);border-color:#60a5fa;color:#000;box-shadow:0 2px 4px #93c5fd33,0 1px 2px #0000001a}.modal-actions .btn.primary:hover:not(:disabled){background:linear-gradient(135deg,#93c5fd,#60a5fa);border-color:#3b82f6;color:#000;box-shadow:0 6px 12px #93c5fd4d,0 2px 4px #00000026;transform:translateY(-2px)}.modal-actions-stacked{flex-wrap:wrap;justify-content:flex-start}@media (max-width: 720px){.modal-actions-stacked{flex-direction:column;align-items:stretch}.modal-actions-stacked .btn,.modal-actions-stacked .btn.ghost,.modal-actions-stacked .btn.primary{width:100%;justify-content:center}}.error-text{color:#fca5a5;font-size:13px;margin-top:8px}.my-day-header{margin-bottom:24px}.my-day-header .btn-back{margin-bottom:12px}.my-day-header h2{margin:0 0 12px;font-size:22px;color:var(--text)}.btn-back{background:var(--surface);border:1px solid var(--border);color:var(--text);padding:8px 16px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s ease;display:inline-flex;align-items:center;gap:4px;width:auto}.btn-back:hover{background:var(--surface-hover);border-color:var(--border-strong);transform:translateY(-1px);box-shadow:0 12px 20px #0f172a24}.btn-back:active{transform:translateY(0)}.override-back-container{margin-bottom:12px}.my-day-date{margin-bottom:16px;font-size:16px;color:var(--text)}.my-day-date strong{color:var(--text)}.btn-my-day-save{background:linear-gradient(135deg,#bfdbfe,#93c5fd);border:1px solid #60a5fa;color:#000;padding:10px 24px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:700;transition:all .2s ease;box-shadow:0 2px 4px #93c5fd33,0 1px 2px #0000001a;margin-bottom:12px}.btn-my-day-save:hover:not(:disabled){background:linear-gradient(135deg,#93c5fd,#60a5fa);border-color:#3b82f6;box-shadow:0 6px 12px #93c5fd4d,0 2px 4px #00000026;transform:translateY(-2px)}.btn-my-day-save:disabled{opacity:.5;cursor:not-allowed}.save-message{padding:8px 12px;border-radius:6px;font-size:14px;margin-top:8px}.save-message.success{background:#22c55e1f;color:#16a34a;border:1px solid rgba(34,197,94,.35)}.save-message.error{background:#ef44441f;color:#dc2626;border:1px solid rgba(239,68,68,.35)}.my-day-container{display:grid;grid-template-columns:1fr 2fr;gap:24px;margin-top:24px}.my-day-customers h3,.my-day-lineup h3{margin:0 0 16px;font-size:18px;color:var(--text)}.customer-badges{display:flex;flex-wrap:wrap;gap:8px;max-height:400px;overflow-y:auto}@keyframes shake{0%,to{transform:translate(0) translateY(0)}10%{transform:translate(-2px) translateY(-1px) rotate(-1deg)}20%{transform:translate(2px) translateY(1px) rotate(1deg)}30%{transform:translate(-2px) translateY(-1px) rotate(-1deg)}40%{transform:translate(2px) translateY(1px) rotate(1deg)}50%{transform:translate(-1px) translateY(0) rotate(-.5deg)}60%{transform:translate(1px) translateY(0) rotate(.5deg)}70%{transform:translate(-1px) translateY(0) rotate(-.5deg)}80%{transform:translate(1px) translateY(0) rotate(.5deg)}90%{transform:translate(-1px) translateY(0) rotate(-.5deg)}}.customer-badge{padding:8px 12px;background:#f3f4f6;border:1px solid rgba(0,0,0,.1);border-radius:6px;font-size:14px;cursor:grab;-webkit-user-select:none;user-select:none;transition:all .2s ease;color:#111;font-weight:500}.customer-badge:hover{opacity:.9;border-color:#0003;transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.customer-badge:active{cursor:grabbing;transform:translateY(0)}.customer-badge.dragging{cursor:grabbing;opacity:.8;z-index:1000}@media (max-width: 720px){.customer-badge.dragging{animation:shake .5s ease-in-out infinite}}.lineup-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.lineup-slot{min-height:80px;border:2px dashed #d1d5db;border-radius:8px;padding:12px;display:flex;flex-direction:column;gap:8px;transition:all .2s ease;background:#fff}.lineup-slot.empty{border-color:#d1d5db;background:#f9fafb}.lineup-slot.filled{border-color:#60a5fa;border-style:solid;background:#eff6ff}.lineup-slot:hover{border-color:#93c5fd;background:#dbeafe}:root.dark-mode .lineup-slot{border-color:#94a3b866;background:#1e293bd9}:root.dark-mode .lineup-slot.empty{border-color:#94a3b859;background:#1e293bb3}:root.dark-mode .lineup-slot.filled{border-color:#38bdf8;background:#38bdf826}:root.dark-mode .lineup-slot:hover{border-color:#38bdf8;background:#38bdf840}.lineup-number{font-weight:700;font-size:14px;color:var(--text)}.lineup-customer{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:13px;color:#111}.lineup-customer span{flex:1;font-weight:500}.lineup-remove{background:transparent;border:none;color:#ef4444;cursor:pointer;font-size:20px;line-height:1;padding:2px 6px;border-radius:4px;transition:all .2s ease}.lineup-remove:hover{background:#ef44441a;color:#dc2626}.lineup-empty-text{font-size:12px;color:var(--muted);text-align:center;padding:8px 0}.equipment-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.equipment-badge{padding:6px 12px;background:#fce7f3;border:1px solid #fbcfe8;border-radius:6px;font-size:13px;cursor:grab;-webkit-user-select:none;user-select:none;transition:all .2s ease;color:#be185d;font-weight:600}.equipment-badge:hover{background:#fbcfe8;border-color:#f9a8d4;transform:translateY(-1px);box-shadow:0 2px 4px #ec489933}.equipment-badge:active{cursor:grabbing}.btn-auto-arrange{flex:1;background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:1px solid #93c5fd;color:#000;padding:10px 20px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:700;transition:all .2s ease;box-shadow:0 2px 4px #93c5fd33,0 1px 2px #0000001a;display:flex;align-items:center;justify-content:center}.btn-auto-arrange:hover{background:linear-gradient(135deg,#bfdbfe,#93c5fd);border-color:#60a5fa;box-shadow:0 6px 12px #93c5fd4d,0 2px 4px #00000026;transform:translateY(-2px)}.btn-auto-arrange:active{transform:translateY(0);box-shadow:0 2px 4px #93c5fd33,0 1px 2px #0000001a}.btn-auto-remove{flex:1;background:#ef4444;border:1px solid #dc2626;color:#fff;padding:10px 20px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:700;transition:all .2s ease;box-shadow:0 2px 4px #ef444433,0 1px 2px #0000001a;display:flex;align-items:center;justify-content:center}.btn-auto-remove:hover{background:#dc2626;border-color:#b91c1c;box-shadow:0 6px 12px #ef44444d,0 2px 4px #00000026;transform:translateY(-2px)}.btn-auto-remove:active{transform:translateY(0);box-shadow:0 2px 4px #ef444433,0 1px 2px #0000001a}.lineup-customer-content{display:flex;flex-direction:column;gap:8px;width:100%}.lineup-customer-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.lineup-customer-name{font-weight:500;color:var(--text);font-size:13px}.lineup-equipment-tags{display:flex;flex-wrap:wrap;gap:4px;min-height:24px;padding:4px;border-radius:4px;background:#ffffff80}.lineup-equipment-dropzone{font-size:11px;color:var(--muted);text-align:center;padding:4px 0;font-style:italic}:root.dark-mode .lineup-equipment-dropzone{color:#e2e8f0cc}.equipment-tag{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;background:#fbcfe8;border:1px solid #f9a8d4;border-radius:4px;font-size:11px;color:#be185d;font-weight:600;cursor:grab;-webkit-user-select:none;user-select:none}.equipment-tag:hover{background:#f9a8d4;border-color:#f472b6}.equipment-tag:active{cursor:grabbing}.equipment-tag-remove{background:transparent;border:none;color:#be185d;cursor:pointer;font-size:14px;line-height:1;padding:0;width:14px;height:14px;display:flex;align-items:center;justify-content:center;border-radius:2px;transition:all .2s ease}.equipment-tag-remove:hover{background:#be185d33;color:#9f1239}.btn-add-slots{margin-top:16px;background:linear-gradient(135deg,#bfdbfe,#93c5fd);border:1px solid #60a5fa;color:#000;padding:10px 20px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:700;transition:all .2s ease;box-shadow:0 2px 4px #93c5fd33,0 1px 2px #0000001a;display:inline-flex;align-items:center;justify-content:center}.btn-add-slots:hover{background:linear-gradient(135deg,#93c5fd,#60a5fa);border-color:#3b82f6;box-shadow:0 6px 12px #93c5fd4d,0 2px 4px #00000026;transform:translateY(-2px)}.btn-add-slots:active{transform:translateY(0);box-shadow:0 2px 4px #93c5fd33,0 1px 2px #0000001a}@media (max-width: 720px){.my-day-container{grid-template-columns:1fr;position:relative}.my-day-customers{position:sticky;top:0;background:var(--panel);z-index:10;padding:16px 0;margin-bottom:16px;border-bottom:2px solid var(--border);box-shadow:0 12px 24px #0f172a1f}.my-day-customers h3{font-size:16px;margin-bottom:12px}.lineup-grid{grid-template-columns:1fr}.customer-badges{max-height:120px;overflow-y:auto;margin-bottom:16px}.equipment-badges{max-height:100px;overflow-y:auto}.my-day-images-grid{grid-template-columns:1fr}}.my-day-image-upload{margin-top:16px}.my-day-images-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin-top:12px}.my-day-image-item{transition:transform .2s ease,box-shadow .2s ease}.my-day-image-item:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0f172a26}.btn-delete-image:hover{background:#dc2626!important;transform:scale(1.1)}.override-header{margin-bottom:32px}.override-header h2{margin:0 0 12px;font-size:24px;color:var(--text)}.override-description{font-size:16px;color:var(--text);margin:0 0 8px;font-weight:500}.override-subdescription{font-size:14px;color:var(--muted);margin:0}.override-controls{display:flex;flex-direction:column;gap:24px}.override-section-title{font-size:20px;color:var(--text);margin:0 0 16px;font-weight:700}.control-card{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:24px;box-shadow:0 12px 24px #0f172a1f;transition:all .2s ease;max-width:600px}@media (min-width: 721px){.control-card-notes{max-width:900px}}.control-card:hover{box-shadow:0 16px 32px #0f172a29;border-color:var(--border-strong)}.control-card-header{margin-bottom:12px}.control-card-title{font-size:18px;font-weight:700;color:var(--text);margin:0}.control-card-description{margin-bottom:16px}.control-card-description p{font-size:14px;color:var(--text);margin:0 0 8px;line-height:1.6}.control-list{margin:0 0 12px 16px;color:var(--text);font-size:14px;line-height:1.6;padding-left:16px}.control-list li{margin-bottom:6px}.control-warning{color:#dc2626!important;font-weight:600!important;margin-top:8px!important}.control-card-actions{display:flex;flex-direction:column;gap:12px}.btn-control-primary{background:linear-gradient(135deg,#bae6fd,#7dd3fc);border:1px solid #38bdf8;color:#0c4a6e;padding:12px 20px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:700;transition:all .2s ease;box-shadow:0 2px 4px #7dd3fc40,0 1px 2px #0000001a;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px}.btn-control-primary:hover:not(:disabled){background:linear-gradient(135deg,#7dd3fc,#38bdf8);border-color:#0ea5e9;box-shadow:0 6px 12px #7dd3fc59,0 2px 4px #00000026;transform:translateY(-2px)}.btn-control-primary:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 4px #7dd3fc40,0 1px 2px #0000001a}.btn-control-primary:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.btn-control-secondary{background:linear-gradient(135deg,#ddd6fe,#818cf8);border:1px solid #6366f1;color:#312e81;padding:12px 20px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:700;transition:all .2s ease;box-shadow:0 2px 4px #818cf840,0 1px 2px #00000014;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px}.btn-control-secondary:hover:not(:disabled){background:linear-gradient(135deg,#c4b5fd,#4f46e5);border-color:#4f46e5;box-shadow:0 6px 12px #818cf859,0 2px 4px #0000001f;transform:translateY(-2px)}.btn-control-secondary:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 4px #818cf840,0 1px 2px #00000014}.btn-control-secondary:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.btn-control-danger{background:linear-gradient(135deg,#fca5a5,#ef4444);border:1px solid #dc2626;color:#fff;padding:12px 20px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:700;transition:all .2s ease;box-shadow:0 2px 4px #ef444433,0 1px 2px #0000001a;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px}.btn-control-warning{background:linear-gradient(135deg,#facc15,#eab308);border:1px solid #ca8a04;color:#1f2933;padding:12px 20px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:700;transition:all .2s ease;box-shadow:0 2px 4px #eab30840,0 1px 2px #0000001a;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px}.btn-control-danger:hover:not(:disabled){background:linear-gradient(135deg,#ef4444,#dc2626);border-color:#b91c1c;box-shadow:0 6px 12px #ef44444d,0 2px 4px #00000026;transform:translateY(-2px)}.btn-control-warning:hover:not(:disabled){background:linear-gradient(135deg,#eab308,#ca8a04);border-color:#a16207;box-shadow:0 6px 12px #eab30859,0 2px 4px #00000026;transform:translateY(-2px)}.btn-control-danger:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 4px #ef444433,0 1px 2px #0000001a}.btn-control-warning:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 4px #eab30840,0 1px 2px #0000001a}.btn-control-danger:disabled,.btn-control-warning:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-control-orange{background:linear-gradient(135deg,#fed7aa,#fb923c);border:1px solid #f97316;color:#7c2d12;padding:12px 20px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:700;transition:all .2s ease;box-shadow:0 2px 4px #fb923c40,0 1px 2px #00000014;display:flex;align-items:center;gap:8px;justify-content:center}.btn-control-orange:hover:not(:disabled){background:linear-gradient(135deg,#fb923c,#f97316);border-color:#ea580c;box-shadow:0 6px 12px #fb923c59,0 2px 4px #0000001f;transform:translateY(-2px)}.btn-control-orange:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 4px #fb923c40,0 1px 2px #00000014}.btn-control-orange:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.btn-control-green{background:linear-gradient(135deg,#86efac,#22c55e);border:1px solid #16a34a;color:#14532d;padding:12px 20px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:700;transition:all .2s ease;box-shadow:0 2px 4px #22c55e40,0 1px 2px #00000014;display:flex;align-items:center;gap:8px;justify-content:center}.btn-control-green:hover:not(:disabled){background:linear-gradient(135deg,#4ade80,#16a34a);border-color:#15803d;box-shadow:0 6px 12px #22c55e59,0 2px 4px #0000001f;transform:translateY(-2px)}.btn-control-green:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 4px #22c55e40,0 1px 2px #00000014}.btn-control-green:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.attention-note-input-wrapper{width:100%;margin-bottom:12px;position:relative}.attention-note-input{width:100%;padding:12px 80px 12px 12px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);font-size:14px;font-family:inherit;resize:vertical;min-height:100px;transition:border-color .2s ease,box-shadow .2s ease}.attention-note-clear-btn{position:absolute;top:12px;right:12px;padding:6px 12px;border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--text);font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease}.attention-note-clear-btn:hover:not(:disabled){background:var(--surface-hover);border-color:var(--accent)}.attention-note-clear-btn:disabled{opacity:.5;cursor:not-allowed}.attention-note-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #22c55e1a}.attention-note-input:disabled{opacity:.6;cursor:not-allowed}.employee-form{width:100%;display:flex;flex-direction:column;gap:16px}.employee-form .form-group{display:flex;flex-direction:column;gap:8px}.employee-form label{font-size:14px;font-weight:500;color:var(--text)}.employee-form .checkbox-label{display:flex;flex-direction:row;align-items:center;gap:8px;cursor:pointer}.employee-form .checkbox-label input[type=checkbox]{width:auto;margin:0 6px 0 0;cursor:pointer;flex-shrink:0}.employee-form .checkbox-label span{-webkit-user-select:none;user-select:none;margin-left:0}.employee-form input[type=text],.employee-form input[type=password]{width:100%;padding:12px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);font-size:14px;font-family:inherit;transition:all .2s ease}.employee-form input[type=text]:focus,.employee-form input[type=password]:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #22c55e1a}.employee-form input[type=text]:disabled,.employee-form input[type=password]:disabled{opacity:.6;cursor:not-allowed}.employee-management-container{width:100%;max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:32px;padding:0}.employee-form-page{width:100%;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:24px;display:flex;flex-direction:column;gap:20px;box-sizing:border-box}.employee-form-page .form-group{width:100%;display:flex;flex-direction:column;gap:8px;box-sizing:border-box}.employee-form-page label{font-size:14px;font-weight:500;color:var(--text)}.employee-form-page .checkbox-label{display:flex;flex-direction:row;align-items:center;gap:8px;cursor:pointer}.employee-form-page .checkbox-label input[type=checkbox]{width:auto;margin:0 6px 0 0;cursor:pointer;flex-shrink:0}.employee-form-page .checkbox-label span{-webkit-user-select:none;user-select:none;margin-left:0}.employee-form-page input[type=text],.employee-form-page input[type=password]{width:100%;max-width:100%;padding:12px;border:1px solid var(--border);border-radius:8px;background:#fff;color:var(--text);font-size:14px;font-family:inherit;transition:all .2s ease;box-sizing:border-box}.employee-form-page input[type=text]:focus,.employee-form-page input[type=password]:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #22c55e1a}.employee-form-page input[type=text]:disabled,.employee-form-page input[type=password]:disabled{opacity:.6;cursor:not-allowed}.form-actions{width:100%;display:flex;gap:12px;justify-content:flex-end;margin-top:8px;box-sizing:border-box}.btn-primary,.btn-secondary{padding:12px 24px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px;border:none}.btn-primary{background:linear-gradient(135deg,#bae6fd,#7dd3fc);border:1px solid #38bdf8;color:#0c4a6e}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#7dd3fc,#38bdf8);border-color:#0ea5e9;box-shadow:0 4px 12px #38bdf84d;transform:translateY(-1px)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:var(--surface);border:1px solid var(--border);color:var(--text)}.btn-secondary:hover:not(:disabled){background:var(--background);border-color:var(--accent)}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.employees-list{width:100%;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:24px;box-sizing:border-box}.employees-list h3{margin:0 0 16px;font-size:18px;font-weight:600;color:var(--text)}.employees-table{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;display:block}.employees-table table{width:100%;min-width:600px;border-collapse:collapse;display:table}.employees-table th,.employees-table td{padding:12px;text-align:left;border-bottom:1px solid var(--border)}.employees-table th{font-weight:600;font-size:14px;color:var(--text);background:var(--background)}.employees-table td{font-size:14px;color:var(--text)}.employees-table tr:hover{background:var(--background)}.btn-edit{padding:6px 12px;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;background:linear-gradient(135deg,#ddd6fe,#c084fc);border:1px solid #a855f7;color:#000;transition:all .2s ease}.btn-edit:hover:not(:disabled){background:linear-gradient(135deg,#c084fc,#a855f7);border-color:#9333ea;box-shadow:0 2px 8px #a855f74d;transform:translateY(-1px)}.btn-edit:disabled{opacity:.5;cursor:not-allowed}.control-message{padding:12px 16px;border-radius:8px;font-size:14px;line-height:1.5}.control-message.success{background:#22c55e1f;color:#16a34a;border:1px solid rgba(34,197,94,.35)}.control-message.error{background:#ef44441f;color:#dc2626;border:1px solid rgba(239,68,68,.35)}.control-message.info{background:#3b82f61f;color:#2563eb;border:1px solid rgba(59,130,246,.35)}.reminder-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:16px;z-index:11000}.reminder-modal{width:min(520px,92%);background:var(--panel);border:1px solid var(--border);border-radius:16px;box-shadow:0 20px 50px #0f172a33;display:flex;flex-direction:column;gap:16px;padding:20px}.reminder-modal-header{display:flex;justify-content:space-between;align-items:center;gap:12px}.reminder-modal-header h3{margin:0;font-size:18px;color:var(--text)}.reminder-close{background:transparent;border:none;color:var(--muted);cursor:pointer;width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:20px;transition:all .2s ease}.reminder-close:hover{color:var(--text);background:var(--surface-hover)}.reminder-meta{font-size:13px;color:var(--muted)}.reminder-list{display:flex;flex-direction:column;gap:12px;max-height:60vh;overflow-y:auto;padding-right:4px}.reminder-item{display:flex;justify-content:space-between;gap:12px;border:1px solid var(--border);border-radius:12px;padding:12px;background:var(--surface)}.reminder-item-info{display:flex;flex-direction:column;gap:6px}.reminder-item-name{font-weight:600;color:var(--text);font-size:15px}.reminder-item-reason{font-size:13px;color:var(--muted)}.reminder-item-meta{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:13px;color:var(--muted)}.reminder-item-meta .status-badge{font-size:12px;padding:2px 8px}.reminder-item-actions{display:flex;flex-direction:column;gap:8px;align-items:stretch}:root.dark-mode .reminder-modal{background:var(--panel);border-color:var(--border)}:root.dark-mode .reminder-item{background:#1e293be6}.attention-note-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:16px;z-index:11000}.attention-note-modal{width:min(520px,92%);background:var(--panel);border:1px solid var(--border);border-radius:16px;box-shadow:0 20px 50px #0f172a33;display:flex;flex-direction:column;gap:16px;padding:20px}.attention-note-header{display:flex;justify-content:space-between;align-items:center;gap:12px}.attention-note-header h3{margin:0;font-size:18px;color:var(--text)}.attention-note-close{background:transparent;border:none;color:var(--muted);cursor:pointer;width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:20px;transition:all .2s ease}.attention-note-close:hover{color:var(--text);background:var(--surface-hover)}.attention-note-meta{font-size:13px;color:var(--muted)}.attention-note-content{padding:16px;background:var(--surface);border-radius:12px;border:1px solid var(--border)}.attention-note-content p{margin:0;font-size:15px;line-height:1.6;color:var(--text);white-space:pre-wrap;word-wrap:break-word}.attention-note-footer{display:flex;justify-content:flex-end;gap:8px}:root.dark-mode .attention-note-modal{background:var(--panel);border-color:var(--border)}:root.dark-mode .attention-note-content{background:#1e293be6}.spinner-small{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}@media (max-width: 720px){.page-container{padding:16px}.nav-content{padding:12px 16px;position:relative}.nav-right{display:flex;gap:8px;align-items:center}.hamburger-menu{display:flex}.nav-links{position:fixed;top:60px;right:16px;left:auto;width:auto;min-width:150px;background:var(--panel);border:1px solid var(--border);border-radius:12px;flex-direction:column;align-items:stretch;gap:0;padding:8px;box-shadow:0 8px 24px #0f172a40;max-height:0;overflow:hidden;opacity:0;transform:translateY(-10px);transition:max-height .3s ease,opacity .3s ease,transform .3s ease,padding .3s ease;z-index:10001;-webkit-backdrop-filter:blur(12px) saturate(180%);backdrop-filter:blur(12px) saturate(180%)}:root:not(.dark-mode) .nav-links{background:#fffffffa}:root.dark-mode .nav-links{background:#1e293bfa}.nav-links.mobile-open{max-height:200px;opacity:1;transform:translateY(0);padding:8px}.nav-theme-toggle-mobile{display:flex}.nav-theme-toggle-desktop{display:none}.nav-links a{display:block;width:100%;padding:12px 16px;margin:2px 0;text-align:left;border-radius:8px}.tooltip-content{left:auto;right:0;transform:translate(-10%);max-width:220px;text-align:left}.tooltip-content:before{left:auto;right:18px;transform:none}.table{border:none}.thead{display:none}.modal-backdrop{align-items:center;padding:20px;min-height:100vh;min-height:100dvh}.modal{width:calc(100% - 40px);max-width:calc(100% - 40px);max-height:calc(100vh - 40px);max-height:calc(100dvh - 40px);margin:auto}.control-card{padding:16px}.override-header h2{font-size:20px}.override-description{font-size:14px}.override-subdescription{font-size:13px}.heading-with-tooltip{flex-wrap:nowrap;gap:6px;padding:0 8px}.search-page h1{font-size:clamp(18px,5vw,28px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:1;min-width:0}.tooltip-trigger{flex-shrink:0;width:24px;height:24px}.tooltip-trigger svg{width:16px;height:16px}.admin-controls{flex-wrap:wrap}.admin-search-wrapper{width:100%}.admin-search{max-width:100%}.admin-controls{display:flex;gap:8px;align-items:center}.sync-btn,.mobile-sort-btn{margin-top:8px;height:auto}.admin-controls .sync-btn,.admin-controls .mobile-sort-btn{height:40px;min-height:40px;display:flex;align-items:center;justify-content:center}.admin-search-wrapper{margin-top:0}.table-view-toggle{order:1;width:100%;justify-content:stretch;margin-top:8px}.table-view-toggle.desktop-toggle{width:100%;min-width:100%}.table-view-toggle-option{flex:1;padding:10px 16px}.tbody{background:transparent}.tr{display:flex;flex-direction:column;gap:12px;padding:16px;border:1px solid var(--border);border-radius:12px;margin-bottom:12px;background:var(--panel)}.tr>div{padding:0;border-bottom:none;display:flex;align-items:center;justify-content:space-between}.tr>div:before{content:attr(data-label);font-weight:700;color:var(--muted);font-size:13px}.tr>div:nth-child(1):before{content:"Date Dropped: "}.tr>div:nth-child(2):before{content:"Time: "}.tr>div:nth-child(3):before{content:"Customer: "}.tr>div:nth-child(4):before{content:"Weight: "}.tr>div:nth-child(5):before{content:"Status: "}.tr>div:nth-child(6):before{content:"Date Paid: "}.tr>div:nth-child(7):before{content:""}.table-simple .thead{display:none}.table-simple .tr{display:flex;flex-direction:column;gap:12px;padding:16px;border:1px solid var(--border);border-radius:12px;margin-bottom:12px;background:var(--panel)}.table-simple .tr>div{padding:0;border-bottom:none;display:flex;align-items:center;justify-content:space-between}.table-simple .tr>div:nth-child(1):before{content:"Date Dropped: "}.table-simple .tr>div:nth-child(2):before{content:"Customer Name: "}.table-simple .tr>div:nth-child(3):before{content:""}.table-simple .tr>div:nth-child(2){font-weight:700;color:var(--text)}.table-simple .tr>div:nth-child(3){justify-content:flex-end;margin-top:4px}.table-simple .actions{display:flex;gap:8px;width:100%;justify-content:flex-end}.table-simple .actions .btn{flex:1;min-width:0;max-width:150px;padding:10px 16px;font-size:14px}.tr>div:nth-child(3){font-weight:700;color:var(--text)}.customer-name-display{justify-content:flex-end}.customer-name-display span{text-align:right}.weight-cell .customer-name-display{justify-content:flex-end}.weight-cell .customer-name-display span{text-align:right}.tr>div:nth-child(7){flex-direction:column;align-items:stretch;gap:8px;margin-top:4px}.tr.row-claimed{background:#3b82f612;border-color:#3b82f62e;cursor:pointer;transition:background .2s ease,border-color .2s ease}:root.dark-mode .tr.row-claimed{background:#38bdf826;border-color:#7dd3fc52}.tr.row-claimed:after{display:block;margin-top:6px;font-size:12px;color:var(--muted)}:root.dark-mode .tr.row-claimed:after{color:#e2e8f0b3}.tr.row-claimed.row-collapsed>div{display:none}.tr.row-claimed.row-collapsed>div:nth-child(3),.tr.row-claimed.row-collapsed>div:nth-child(5){display:flex}.tr.row-claimed.row-collapsed>div:nth-child(3):before{content:"Customer: "}.tr.row-claimed.row-collapsed>div:nth-child(5):before{content:"Status: "}.tr.row-claimed.row-collapsed .customer-name-display{justify-content:flex-end;gap:8px}.tr.row-claimed.row-collapsed .customer-name-display span{text-align:right}.tr.row-claimed.row-collapsed .customer-name-display button{display:none}.tr.row-claimed.row-expanded>div{display:flex}.tr.row-claimed.row-expanded{cursor:pointer}.tr.row-claimed.row-collapsed:after{content:"Tap to expand";text-align:right}.tr.row-claimed.row-expanded:after{content:"Tap to collapse";text-align:right}}.scroll-to-top{position:fixed;bottom:24px;right:24px;width:48px;height:48px;border-radius:50%;background:#00000026;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;visibility:hidden;transition:all .3s ease;z-index:999;box-shadow:0 4px 12px #00000026}.scroll-to-top.visible{opacity:1;visibility:visible}.scroll-to-top:hover{background:#00000040;transform:translateY(-2px);box-shadow:0 6px 16px #0003}.scroll-to-top:active{transform:translateY(0)}@media (min-width: 721px){.scroll-to-top{display:none}.actions{width:100%;flex-direction:column;gap:8px}.btn{width:100%}.search-page h1{font-size:24px}.admin-page h2{font-size:20px}}@media (max-width: 720px){.reminder-modal{width:100%;padding:18px}.reminder-item{flex-direction:column}.reminder-item-actions{flex-direction:row}.attention-note-modal{width:100%;padding:18px}}.reminder-footer{display:flex;justify-content:flex-end;gap:8px}.report-page{max-width:960px;margin:0 auto;padding:24px 16px 64px;display:flex;flex-direction:column;gap:24px}.report-header{display:flex;flex-direction:column;gap:12px;align-items:flex-start}.report-header h2{margin:0;font-size:26px;color:var(--text)}.report-subtitle{margin:0;color:var(--muted);font-size:14px;max-width:560px}.report-loading,.report-error{display:flex;flex-direction:column;align-items:center;gap:16px;padding:48px 24px;border:1px solid var(--border);border-radius:16px;background:var(--panel);box-shadow:0 16px 32px #0f172a1f}.report-error-details{margin:0;font-size:13px;color:#dc2626;text-align:center}.report-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.report-metric-card{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:20px;box-shadow:0 16px 32px #0f172a1f;display:flex;flex-direction:column;gap:8px}.report-metric-card h3{margin:0;font-size:18px;color:var(--text)}.report-metric-value{font-size:40px;font-weight:700;color:var(--text);line-height:1.1}.report-metric-caption{margin:0;font-size:13px;color:var(--muted)}.report-sections{display:grid;gap:20px}.report-section{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:20px;box-shadow:0 16px 32px #0f172a1f;display:flex;flex-direction:column;gap:16px}.report-section-header{display:flex;justify-content:space-between;align-items:center;gap:12px}.report-section-header h4{margin:0;font-size:16px;color:var(--text)}.report-section-header span{font-size:13px;color:var(--muted)}.report-empty{margin:0;font-size:14px;color:var(--muted)}.report-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.report-list li{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;border:1px solid var(--border);border-radius:12px;background:var(--surface)}.report-list-name{font-weight:600;color:var(--text)}.report-list-time{font-size:13px;color:var(--muted);white-space:nowrap}.update-backend-page{max-width:960px;margin:0 auto;padding:24px 16px 64px;display:flex;flex-direction:column;gap:24px}.update-backend-header{display:flex;flex-direction:column;gap:12px;align-items:flex-start}.update-backend-header h2{margin:0;font-size:26px;color:var(--text)}.update-backend-subtitle{margin:0;color:var(--muted);font-size:14px;max-width:560px}.update-backend-search{margin-bottom:16px}.update-backend-loading,.update-backend-error{display:flex;flex-direction:column;align-items:center;gap:16px;padding:48px 24px;border:1px solid var(--border);border-radius:16px;background:var(--panel);box-shadow:0 16px 32px #0f172a1f}.update-backend-error-details{margin:0;font-size:13px;color:#dc2626;text-align:center}.update-backend-empty{margin:0;padding:48px 24px;text-align:center;color:var(--muted);font-size:14px;border:1px solid var(--border);border-radius:16px;background:var(--panel)}.update-backend-list{display:flex;flex-direction:column;gap:16px}.update-backend-card{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:20px;box-shadow:0 16px 32px #0f172a1f}.update-backend-view-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;width:100%}.update-backend-view-name-wrapper{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%}.update-backend-view-header h3{margin:0;font-size:18px;color:var(--text);flex-shrink:0}.update-backend-view-name-wrapper .btn-control-secondary{flex-shrink:0}.update-backend-view-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px;font-size:14px}.update-backend-view-details strong{color:#000;font-size:14px;font-weight:700;display:inline-block;margin-right:8px}:root.dark-mode .update-backend-view-details strong{color:#fff}.update-backend-view-details>div{display:flex;flex-direction:row;align-items:baseline;gap:8px}.update-backend-view-details>div span{color:var(--text)}.update-backend-edit-form{display:flex;flex-direction:column;gap:20px}.update-backend-form-row,.update-backend-form-row label{display:flex;flex-direction:column;gap:8px}.update-backend-form-row label>span{font-weight:600;color:var(--text);font-size:14px}.update-backend-form-row input,.update-backend-form-row select{padding:10px 12px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);font-size:14px;font-family:inherit;transition:border-color .2s ease,box-shadow .2s ease}.update-backend-form-row input:focus,.update-backend-form-row select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #3b82f61a}.update-backend-form-row small{font-size:12px;color:var(--muted);margin-top:-4px}.update-backend-form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:8px}.update-backend-message{padding:12px 16px;border-radius:8px;font-size:14px;margin-top:8px}.update-backend-message.success{background:#22c55e1a;color:#16a34a;border:1px solid rgba(34,197,94,.2)}.update-backend-message.error{background:#ef44441a;color:#dc2626;border:1px solid rgba(239,68,68,.2)}.update-backend-pagination{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:24px;padding:16px;background:var(--panel);border:1px solid var(--border);border-radius:12px}.update-backend-pagination-btn{padding:8px 16px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.update-backend-pagination-btn:hover:not(:disabled){background:var(--surface-hover);border-color:var(--accent)}.update-backend-pagination-btn:disabled{opacity:.5;cursor:not-allowed}.update-backend-pagination-numbers{display:flex;gap:8px;align-items:center}.update-backend-pagination-number{min-width:40px;height:40px;padding:0 12px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.update-backend-pagination-number:hover{background:var(--surface-hover);border-color:var(--accent)}.update-backend-pagination-number.active{background:#3b82f6;border-color:#3b82f6;color:#fff}:root.dark-mode .update-backend-pagination-number.active{background:#60a5fa;border-color:#60a5fa;color:#fff}@media (max-width: 720px){.update-backend-page{padding:16px 12px 48px}.update-backend-header h2{font-size:22px}.update-backend-view-header{flex-direction:column;align-items:flex-start}.update-backend-view-name-wrapper{width:100%;justify-content:space-between}.update-backend-view-details{grid-template-columns:1fr}.update-backend-view-details>div{flex-direction:column;align-items:flex-start;gap:4px}.update-backend-form-actions{flex-direction:column}.update-backend-form-actions button{width:100%}.update-backend-pagination{flex-wrap:wrap;gap:8px}.update-backend-pagination-numbers{flex-wrap:wrap;justify-content:center}.update-backend-pagination-number{min-width:36px;height:36px;padding:0 8px}}@media (max-width: 720px){.page-container{padding:16px 12px}.override-header h2{font-size:22px}.override-description,.override-subdescription{font-size:14px}.override-controls{gap:16px}.control-card{padding:16px;max-width:100%}.control-card-title{font-size:16px}.control-card-description p{font-size:13px}.control-list{font-size:13px;margin-left:12px;padding-left:12px}.control-card-actions{gap:10px}.btn-control-primary,.btn-control-secondary,.btn-control-danger,.btn-control-warning,.btn-control-green,.btn-control-orange{width:100%;justify-content:center;padding:12px 16px;font-size:14px}.header-buttons{flex-direction:row;flex-wrap:wrap;gap:8px}.header-buttons button{flex:1;min-width:0;justify-content:center}.employee-management-container{gap:20px;width:100%;max-width:100%;padding:0}.employee-form-page{width:100%;padding:16px;gap:16px;box-sizing:border-box}.employee-form-page .form-group{width:100%;gap:6px;box-sizing:border-box}.employee-form-page label{font-size:13px;width:100%}.employee-form-page input[type=text],.employee-form-page input[type=password]{width:100%;max-width:100%;padding:10px;font-size:14px;box-sizing:border-box}.form-actions{width:100%;flex-direction:column;gap:10px}.form-actions button,.btn-primary,.btn-secondary{width:100%;max-width:100%;justify-content:center;box-sizing:border-box}.employees-list{width:100%;padding:16px;overflow-x:auto;box-sizing:border-box}.employees-list h3{font-size:16px;margin-bottom:12px}.employees-table{width:100%;min-width:100%;display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;box-sizing:border-box}.employees-table table{width:100%;min-width:500px;font-size:13px;display:table}.employees-table th,.employees-table td{padding:8px;white-space:nowrap;box-sizing:border-box}.employees-table th{font-size:12px}.btn-edit{padding:4px 8px;font-size:11px;white-space:nowrap}.employee-form{gap:12px}.employee-form .form-group{gap:6px}.employee-form label{font-size:13px}.employee-form input[type=text],.employee-form input[type=password]{padding:10px;font-size:14px}.admin-page{padding:16px 12px}.admin-controls{flex-direction:row;flex-wrap:wrap;gap:8px;align-items:center}.admin-search-wrapper{width:100%;flex-basis:100%;order:1}.admin-controls label.btn-upload-ocr{order:2;flex:1;min-width:0;width:auto}.admin-controls .mobile-sort-btn{order:3;margin-top:0;flex:1;min-width:0;width:auto}.admin-controls .cube-view-toggle{width:100%;flex-basis:100%;order:4;justify-content:center}.admin-controls .table-view-toggle.desktop-toggle{width:100%;flex-basis:100%;order:5;min-width:100%;justify-content:stretch}.admin-search{max-width:100%}.my-day-container{flex-direction:column;gap:20px}.my-day-customers,.my-day-lineup{width:100%}.customer-badges,.equipment-badges{gap:8px}.customer-badge,.equipment-badge{font-size:13px;padding:8px 12px}.lineup-grid{grid-template-columns:1fr;gap:12px}.lineup-slot{min-height:120px}.modal{width:95%;max-width:95%;padding:20px 16px;margin:20px auto}.modal h3{font-size:18px}.modal p{font-size:14px}.modal-actions{flex-direction:row;gap:10px}.modal-actions button{flex:1;min-width:0;justify-content:center}.attention-note-input-wrapper{margin-bottom:10px}.attention-note-input{padding:10px 70px 10px 10px;font-size:14px}.attention-note-clear-btn{right:8px;top:8px;padding:6px 10px;font-size:12px}.override-back-container{margin-bottom:12px}.btn-back{padding:8px 14px;font-size:13px}.control-message{padding:10px 12px;font-size:13px}.spinner-small{width:14px;height:14px}.sync-btn-pink{width:100%;justify-content:center}.admin-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.admin-search input{font-size:14px;padding:10px 12px}.status-badge{font-size:11px;padding:4px 8px}.btn-group{flex-direction:column;gap:8px}.btn-group button{width:100%}button:not(.lineup-remove):not(.equipment-tag-remove):not(.attention-note-clear-btn),.btn-back,.btn-control-primary,.btn-control-secondary,.btn-control-danger,.btn-control-warning,.btn-control-green,.btn-control-orange,.btn-primary,.btn-secondary,.btn-edit{min-height:44px}input[type=checkbox],input[type=radio]{width:20px;height:20px;min-width:20px;min-height:20px}.admin-table-wrapper{-webkit-overflow-scrolling:touch;scrollbar-width:thin}.portal-grid{grid-template-columns:1fr;gap:12px}.portal-card{padding:16px}.my-day-header{margin-bottom:16px}.my-day-header h2{font-size:20px}.my-day-date{font-size:13px}.btn-my-day-save{width:100%;justify-content:center}.btn-auto-arrange,.btn-auto-remove{flex:1;min-width:0}.lineup-customer-name{font-size:13px}.lineup-number{font-size:12px}.equipment-tag{font-size:11px;padding:4px 8px}.override-controls{padding:0}.control-warning{font-size:12px}}@media (min-width: 721px) and (max-width: 1024px){.page-container{padding:20px 16px}.control-card{max-width:100%}.employee-management-container{width:100%;max-width:100%;padding:0}.employee-form-page,.employees-list{width:100%;box-sizing:border-box}.employees-table{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.employees-table table{width:100%;min-width:600px}.header-buttons{flex-wrap:wrap}}@media (min-width: 1025px){.employee-management-container{max-width:1200px;width:100%;padding:0 16px}.employee-form-page,.employees-list{width:100%;max-width:100%}.employees-table{width:100%}.employees-table table{width:100%;min-width:auto}}@media (max-width: 480px){.page-container{padding:12px 8px}.override-header h2{font-size:20px}.control-card{padding:12px}.control-card-title{font-size:15px}.employee-management-container{width:100%;max-width:100%;padding:0;gap:16px}.employee-form-page{width:100%;padding:12px;box-sizing:border-box}.employee-form-page input[type=text],.employee-form-page input[type=password]{width:100%;max-width:100%;box-sizing:border-box}.employees-list{width:100%;padding:12px;box-sizing:border-box}.employees-table{width:100%;min-width:100%}.employees-table table{min-width:450px;font-size:12px;width:100%}.employees-table th,.employees-table td{padding:6px;box-sizing:border-box}}