*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #7B1FA2;--primary-dark: #4A148C;--primary-light: #CE93D8;--bg-dark: #424242;--bg-darker: #333333;--bg-card: #FFFFFF;--text-primary: #212121;--text-secondary: #757575;--text-light: #FFFFFF;--border: #E0E0E0;--success: #4CAF50;--danger: #F44336;--warning: #FF9800;--info: #2196F3;--shadow: 0 2px 4px rgba(0,0,0,.1);--shadow-lg: 0 4px 12px rgba(0,0,0,.15)}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg-dark);color:var(--text-primary);min-height:100vh}.loading-screen{display:flex;align-items:center;justify-content:center;height:100vh;color:var(--text-light);font-size:1.2rem}.login-page{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,var(--primary-dark) 0%,var(--primary) 100%)}.login-card{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:48px 40px;width:100%;max-width:420px;text-align:center}.login-logo{font-size:3rem;font-weight:300;color:#fff;margin-bottom:4px;font-style:italic;letter-spacing:2px}.login-logo-img{max-height:80px;max-width:280px;object-fit:contain;margin-bottom:4px}.login-subtitle{color:#ffffffe6;font-size:1.1rem;margin-bottom:32px;font-weight:400}.login-card label{display:block;text-align:left;color:#fffc;font-size:.85rem;margin-bottom:6px}.login-card input[type=text],.login-card input[type=password]{width:100%;padding:12px 16px;border:none;border-radius:6px;font-size:1rem;margin-bottom:16px;outline:none}.login-remember{display:flex;align-items:center;gap:8px;margin-bottom:20px;color:#fffc;font-size:.9rem}.login-remember input{width:18px;height:18px}.login-btn{width:100%;padding:12px;background:var(--text-primary);color:#fff;border:none;border-radius:6px;font-size:1rem;font-weight:500;cursor:pointer;transition:background .2s}.login-btn:hover{background:#111}.login-error{color:#ff8a80;margin-bottom:16px;font-size:.9rem}.login-footer{position:fixed;bottom:20px;color:#ffffff80;font-size:.8rem}.login-footer strong{color:#ffffffb3}.navbar{background:var(--primary);display:flex;align-items:center;padding:0 20px;height:56px;gap:8px;position:sticky;top:0;z-index:100}.navbar-brand{font-size:1.4rem;font-weight:300;color:#fff;font-style:italic;letter-spacing:1px;margin-right:4px}.navbar-logo{height:36px;max-width:120px;object-fit:contain;margin-right:4px}.navbar-title{color:#fff;font-size:1rem;font-weight:500;margin-right:20px}.nav-btn{background:#ffffff26;color:#fff;border:none;padding:8px 16px;border-radius:4px;font-size:.85rem;cursor:pointer;transition:background .2s;text-decoration:none;white-space:nowrap}.nav-btn:hover{background:#ffffff40}.nav-btn.active{background:#ffffff4d}.navbar-spacer{flex:1}.navbar-search{position:relative}.navbar-search input{padding:7px 12px 7px 32px;border:none;border-radius:4px;font-size:.85rem;width:220px;outline:none}.navbar-search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:#999;font-size:.85rem}.navbar-user{color:#fffc;font-size:.85rem;margin-left:8px}.nav-logout{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.3);padding:6px 14px;border-radius:4px;font-size:.8rem;cursor:pointer}.nav-logout:hover{background:#fff3}.week-header{display:flex;align-items:center;justify-content:center;padding:12px 20px;background:var(--bg-darker);color:#fff;gap:16px}.week-header h2{font-size:1.1rem;font-weight:600}.week-header .date-range{font-size:.85rem;color:#ffffffb3}.week-nav-btn{background:none;border:1px solid rgba(255,255,255,.3);color:#fff;padding:4px 12px;border-radius:4px;cursor:pointer;font-size:.85rem}.week-nav-btn:hover{background:#ffffff1a}.filter-btn{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.3);padding:6px 16px;border-radius:4px;cursor:pointer;font-size:.85rem;margin-left:auto}.dashboard-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:0;min-height:calc(100vh - 112px)}.day-column{border-right:1px solid rgba(255,255,255,.1);min-height:100%;display:flex;flex-direction:column}.day-column:last-child{border-right:none}.day-column-header{text-align:center;padding:10px 8px;background:var(--bg-darker);border-bottom:1px solid rgba(255,255,255,.1);position:relative}.day-column-header h3{color:#fff;font-size:.95rem;font-weight:600}.day-column-header .date{color:#fff9;font-size:.8rem}.day-column-content{padding:8px;flex:1;min-height:200px}.add-group-btn{width:24px;height:24px;border-radius:50%;background:#fff3;color:#fff;border:none;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;position:absolute;left:8px;top:50%;transform:translateY(-50%)}.add-group-btn:hover{background:#ffffff4d}.group-container{background:#ffffff0d;border-radius:6px;margin-bottom:8px;overflow:hidden}.group-header{background:var(--primary);color:#fff;padding:8px 12px;font-size:.85rem;font-weight:600;display:flex;justify-content:space-between;align-items:center;cursor:pointer}.group-header:hover{filter:brightness(1.15)}.group-header.unassigned{background:#616161}.group-body{padding:6px;min-height:40px}.group-footer{display:flex;justify-content:space-between;padding:6px 12px;font-size:.75rem;color:#fff9;background:#0003}.order-card{background:var(--bg-card);border-radius:6px;padding:0;margin-bottom:6px;box-shadow:var(--shadow);cursor:pointer;transition:box-shadow .2s;font-size:.75rem;overflow:hidden;-webkit-user-select:none;user-select:none}.order-card:hover{box-shadow:var(--shadow-lg)}.order-card.highlighted{outline:3px solid var(--warning);outline-offset:2px}.order-card.has-notes{background:#fff0f3}.order-card-top{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;padding:6px 8px 4px;background:#f5f5f5;font-size:.65rem;color:var(--text-secondary)}.order-card-top .label{font-size:.55rem;text-transform:uppercase;color:#999;letter-spacing:.5px}.order-card-top .value{font-weight:600;color:var(--text-primary)}.order-card-middle{padding:6px 8px;display:grid;grid-template-columns:auto 1fr auto;gap:4px 8px;align-items:center}.order-card-postcode{font-weight:700;font-size:.9rem}.order-card-customer{font-weight:600;font-size:.85rem}.order-card-area{font-weight:700;font-size:.85rem}.order-card-products{padding:4px 8px;font-size:.7rem;color:var(--text-secondary);border-top:1px solid #eee;max-height:60px;overflow:hidden}.order-card-products li{margin-left:12px;margin-bottom:2px}.order-card-bottom{display:grid;grid-template-columns:repeat(4,1fr) auto;gap:2px;padding:6px 8px;border-top:1px solid #eee;font-size:.65rem;align-items:center}.order-card-bottom .label{font-size:.55rem;text-transform:uppercase;color:#999}.order-card-bottom .value{font-weight:600}.stock-badge{padding:3px 6px;border-radius:3px;font-size:.6rem;font-weight:600;color:#fff;text-align:center;white-space:nowrap}.order-notes-icon{position:absolute;right:6px;bottom:6px;width:18px;height:18px;background:var(--primary);color:#fff;border-radius:3px;display:flex;align-items:center;justify-content:center;font-size:10px}.context-menu{position:fixed;background:#fff;border-radius:6px;box-shadow:0 4px 16px #0003;z-index:1000;min-width:200px;overflow:hidden}.context-menu-item{padding:10px 16px;cursor:pointer;font-size:.85rem;border-bottom:1px solid #f0f0f0;display:flex;align-items:center;gap:8px}.context-menu-item:last-child{border-bottom:none}.context-menu-item:hover{background:#f5f5f5}.context-menu-item.danger{color:var(--danger)}.context-menu-sub{position:absolute;left:100%;top:0;background:#fff;border-radius:6px;box-shadow:0 4px 16px #0003;min-width:180px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:500}.modal{background:#fff;border-radius:8px;width:90%;max-width:1100px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg)}.modal-sm{max-width:480px}.modal-header{display:flex;justify-content:space-between;align-items:flex-start;padding:20px 24px;border-bottom:1px solid var(--border)}.modal-header h2{font-size:1.1rem}.modal-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-secondary);line-height:1}.modal-body{padding:20px 24px}.modal-footer{padding:16px 24px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:8px}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px;margin-bottom:20px}.detail-field label{display:block;font-size:.75rem;font-weight:600;color:var(--primary);text-transform:uppercase;margin-bottom:4px}.detail-field .value{padding:8px 12px;background:#f9f9f9;border-radius:4px;font-size:.9rem;border:1px solid var(--border);min-height:38px}.detail-field input,.detail-field select,.detail-field textarea{width:100%;padding:8px 12px;border:1px solid var(--border);border-radius:4px;font-size:.9rem;font-family:inherit;outline:none}.detail-field input:focus,.detail-field select:focus,.detail-field textarea:focus{border-color:var(--primary)}.detail-section-title{font-size:.8rem;font-weight:600;color:var(--primary);text-transform:uppercase;margin:16px 0 8px}.btn{padding:8px 16px;border:none;border-radius:4px;font-size:.85rem;font-weight:500;cursor:pointer;transition:opacity .2s}.btn:hover{opacity:.9}.btn-primary{background:var(--primary);color:#fff}.btn-success{background:var(--success);color:#fff}.btn-danger{background:var(--danger);color:#fff}.btn-secondary{background:#e0e0e0;color:var(--text-primary)}.btn-sm{padding:5px 10px;font-size:.8rem}.filter-panel{background:var(--bg-darker);padding:16px 20px;display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap;border-bottom:1px solid rgba(255,255,255,.1)}.filter-field{display:flex;flex-direction:column;gap:4px}.filter-field label{color:#ffffffb3;font-size:.75rem}.filter-field input,.filter-field select{padding:6px 10px;border:1px solid rgba(255,255,255,.2);border-radius:4px;background:#ffffff1a;color:#fff;font-size:.85rem;outline:none}.filter-field input::placeholder{color:#fff6}.orders-list-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px;padding:20px}.page-header{padding:16px 20px;background:var(--bg-darker);color:#fff;display:flex;align-items:center;justify-content:space-between}.page-header h2{font-size:1.2rem}.settings-container{max-width:1000px;margin:20px auto;padding:0 20px}.settings-section{background:#fff;border-radius:8px;margin-bottom:20px;overflow:hidden}.settings-section h3{padding:16px 20px;background:var(--primary);color:#fff;font-size:.95rem}.settings-section-body{padding:20px}.settings-table{width:100%;border-collapse:collapse}.settings-table th,.settings-table td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--border);font-size:.85rem}.settings-table th{font-weight:600;color:var(--text-secondary);font-size:.75rem;text-transform:uppercase}.settings-row-actions{display:flex;gap:6px}.settings-add-form{display:flex;gap:8px;align-items:center;margin-top:12px}.settings-add-form input,.settings-add-form select{padding:8px 12px;border:1px solid var(--border);border-radius:4px;font-size:.85rem;outline:none}.search-results{position:absolute;top:100%;right:0;background:#fff;border-radius:6px;box-shadow:var(--shadow-lg);width:350px;max-height:400px;overflow-y:auto;z-index:200}.search-result-item{padding:10px 14px;border-bottom:1px solid #f0f0f0;cursor:pointer;font-size:.85rem}.search-result-item:hover{background:#f5f5f5}.search-no-results{padding:20px;text-align:center;color:var(--text-secondary)}.confirm-dialog{text-align:center;padding:24px}.confirm-dialog p{margin-bottom:20px;font-size:1rem}.confirm-dialog .actions{display:flex;justify-content:center;gap:12px}.order-card.selected{outline:3px solid var(--info);outline-offset:1px}.multi-select-bar{background:var(--info);color:#fff;padding:8px 20px;font-size:.85rem;display:flex;align-items:center}.multi-drag-badge{position:absolute;top:-8px;right:-8px;background:var(--info);color:#fff;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;z-index:10}.time-picker{position:relative;display:inline-block;min-width:100px}.time-picker-display{padding:8px 12px;border:1px solid var(--border);border-radius:4px;font-size:.9rem;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:8px;background:#fff;-webkit-user-select:none;user-select:none}.time-picker-icon{font-size:.85rem;opacity:.5}.time-picker-dropdown{position:absolute;top:100%;left:0;background:#fff;border-radius:6px;box-shadow:0 4px 16px #0003;z-index:1100;margin-top:4px;width:240px}.time-picker-input-row{display:flex;align-items:center;padding:8px;border-bottom:1px solid var(--border);gap:4px}.time-picker-input-row input{flex:1;padding:6px 10px;border:1px solid var(--border);border-radius:4px;font-size:1rem;font-family:inherit;text-align:center;outline:none}.time-picker-input-row input:focus{border-color:var(--primary)}.time-picker-clear{background:none;border:none;font-size:1.2rem;cursor:pointer;color:var(--text-secondary);padding:2px 6px}.time-picker-quick-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:2px;padding:8px;max-height:200px;overflow-y:auto}.time-picker-quick-option{padding:6px 2px;text-align:center;cursor:pointer;font-size:.8rem;border-radius:4px;transition:background .1s}.time-picker-quick-option:hover{background:#f0f0f0}.time-picker-quick-option.active{background:var(--primary);color:#fff}.time-slot-popup{background:#fff;border-radius:8px;box-shadow:0 8px 24px #00000040;min-width:260px;overflow:hidden}.time-slot-popup-header{background:var(--primary);color:#fff;padding:10px 16px;font-size:.85rem;font-weight:600}.time-slot-popup-body{padding:16px;display:flex;gap:12px}.time-slot-popup-field label{display:block;font-size:.75rem;font-weight:600;color:var(--primary);text-transform:uppercase;margin-bottom:4px}.time-slot-popup-actions{padding:12px 16px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:8px}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}@media(max-width:1200px){.dashboard-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.dashboard-grid{grid-template-columns:1fr}.navbar{flex-wrap:wrap;height:auto;padding:8px 12px;gap:6px}}