:root{--color-primary:#00a0e9;--color-secondary:#10b981;--color-success:#10b981;--color-warning:#f59e0b;--color-danger:#ef4444;--color-info:#3b82f6;--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5db;--color-gray-400:#9ca3af;--color-gray-500:#6b7280;--color-gray-600:#4b5563;--color-gray-700:#374151;--color-gray-800:#1f2937;--color-gray-900:#111827;--transition-fast:0.15s ease;--transition-base:0.2s ease;--transition-slow:0.3s ease;--transition-slower:0.5s ease;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-3xl:4rem;--border-radius-sm:0.25rem;--border-radius:0.375rem;--border-radius-md:0.5rem;--border-radius-lg:0.75rem;--border-radius-xl:1rem;--border-radius-full:9999px;--z-dropdown:1000;--z-fixed:1030;--z-modal:16001;--z-mobile-menu:15000;--z-fixed-box:9000;--form-input-height:44px;--form-input-padding-x:1rem;--form-input-padding-y:0.75rem}@keyframes fadeIn{to{opacity:1}}@keyframes slideUp{to{opacity:1;transform:translateY(0)}}.nav-tabs{align-items:flex-end;background:#fff;display:flex;gap:8px;height:60px;justify-content:center;list-style:none;margin:0;padding:0;position:relative}.nav-tabs li{flex:0 0 auto;margin:0}.date-tab{background:#f8f9fa;border:2px solid #dee2e6;border-top-left-radius:8px;border-top-right-radius:8px;color:#495057;cursor:pointer;display:block;font-size:18px;font-weight:700;min-width:160px;padding:16px 32px;position:relative;text-align:center;text-decoration:none;transition:all .3s ease}.date-tab:hover{background:#e9ecef;border-color:#adb5bd}.date-tab:not(.active){border-bottom:2px solid #dee2e6}.date-tab.active{border-bottom:none;margin-bottom:0;z-index:3}.date-tab[data-date=today]{color:#1976d2}.date-tab[data-date=today]:hover{background:#e3f2fd;border-color:#2196f3;color:#0d47a1}.date-tab[data-date=today].active{background:#e3f2fd!important;border-color:#2196f3!important;color:#0d47a1!important;font-weight:700}.date-tab[data-date=tomorrow]{color:#d32f2f}.date-tab[data-date=tomorrow]:hover{background:#ffebee;border-color:#f44336;color:#b71c1c}.date-tab[data-date=tomorrow].active{background:#ffebee!important;border-color:#f44336!important;color:#b71c1c!important;font-weight:700}#staff-selection{display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));margin-bottom:8px;padding:16px}.staff-btn{align-items:center;background:#fff;border:1px solid #dee2e6;border-radius:6px;box-shadow:0 1px 3px rgba(0,0,0,.1);cursor:pointer;display:flex;font-size:14px;font-weight:500;justify-content:center;min-height:44px;padding:10px 16px;text-align:center;transition:all .2s ease}.staff-btn:hover{box-shadow:0 2px 6px rgba(0,0,0,.15);filter:brightness(.95);transform:translateY(-1px)}.staff-btn.selected{border:3px solid #1e40af!important;box-shadow:0 4px 12px rgba(30,64,175,.3);color:#111827!important;font-weight:700}#tools-list{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));margin-top:12px;padding:16px}.tool-category-heading{border-bottom:1px solid #ccc;color:#444;font-size:14px;font-weight:700;grid-column:1/-1;margin-top:8px;padding:12px 8px 4px}.tool-category-heading:first-child{margin-top:0}.tool-btn{align-items:center;background:#fff;border:1px solid #dee2e6;border-radius:6px;box-shadow:0 1px 3px rgba(0,0,0,.1);cursor:pointer;display:flex;font-size:14px!important;hyphens:auto;justify-content:center;line-height:1.3;min-height:48px;padding:8px 10px;position:relative;text-align:center;transition:all .2s ease;word-break:break-word}.tool-btn:hover{background:#e9ecef;box-shadow:0 2px 6px rgba(0,0,0,.15);transform:translateY(-1px)}.tool-btn.selected{background:#e9ecef!important;border-color:#6c757d!important;color:#6c757d!important;cursor:not-allowed;opacity:.7}.tool-btn.disabled{background:#f8d7da;color:#721c24;cursor:not-allowed;opacity:.6;position:relative}.tool-btn.disabled:before{background:repeating-linear-gradient(45deg,transparent,transparent 5px,rgba(220,53,69,.1) 0,rgba(220,53,69,.1) 10px);border-radius:6px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.tool-btn.grayscale{background:#f0f0f0!important;color:rgba(0,0,0,.6)}.tool-btn.grayscale:before{background:hsla(0,0%,94%,.4);border-radius:6px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.tool-btn.grayscale .staff-label{filter:none;opacity:1!important;z-index:10}.staff-label{border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.3);box-sizing:border-box;color:#000!important;font-size:14px;font-weight:700;height:24px;line-height:24px;min-width:24px;padding:0;position:absolute;right:-10px;text-align:center;top:-10px;z-index:10}#selected-tools-table{background:#fff;border-collapse:collapse;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1);margin-top:24px;overflow:hidden;width:100%}#selected-tools-table th{background:#f8f9fa;border-bottom:2px solid #dee2e6;color:#495057;font-weight:600;padding:12px 16px;text-align:left}#selected-tools-table td{border-bottom:1px solid #f1f3f4;padding:12px 16px;vertical-align:top}#selected-tools-table tbody tr:hover{background:#f8f9fa}#selected-tools-table tbody tr:last-child td{border-bottom:none}.no-wrap{color:#495057;font-weight:500;white-space:nowrap}.tools-cell{color:#6c757d;font-size:13px}.is_broken{animation:pulse-broken 2s infinite;background:linear-gradient(135deg,#ff6b6b,#ee5a52);border-radius:8px;box-shadow:0 2px 4px rgba(238,90,82,.3);color:#fff;font-size:9px;font-weight:600;letter-spacing:.2px;padding:2px 6px;position:absolute;right:-6px;text-shadow:0 1px 2px rgba(0,0,0,.3);top:-6px;white-space:nowrap;z-index:10}@keyframes pulse-broken{0%,to{opacity:1;transform:scale(1)}50%{opacity:.9;transform:scale(1.05)}}#staff-tools-container{background:#fff;border-radius:12px;box-shadow:0 4px 16px rgba(0,0,0,.1);margin:0 auto;max-width:1200px;padding:20px}#staff-tools-content{background:#fff;border:2px solid #dee2e6;border-radius:0 0 8px 8px;margin-top:0;padding:16px;position:relative;transition:background-color .3s ease}#staff-tools-content:before{background:#dee2e6;content:"";height:2px;left:0;position:absolute;right:0;top:-2px;z-index:1}#staff-tools-content.today-active{background:#e3f2fd;border-color:#2196f3}#staff-tools-content.today-active:before{background:#2196f3}#staff-tools-content.tomorrow-active{background:#ffebee;border-color:#f44336}#staff-tools-content.tomorrow-active:before{background:#f44336}@media (max-width:768px){#staff-tools-container{border-radius:0;margin:0;padding:16px}#staff-selection{gap:6px;grid-template-columns:repeat(4,1fr);padding:12px}.staff-btn{font-size:12px;min-height:36px;padding:8px 4px}#tools-list{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));padding:12px}.date-tab{font-size:16px;font-weight:700;min-width:140px;padding:14px 24px}#selected-tools-table td,#selected-tools-table th{font-size:13px;padding:8px 12px}}@media (max-width:480px){#staff-selection{gap:4px;grid-template-columns:repeat(4,1fr);padding:8px}.staff-btn{font-size:11px;min-height:32px;padding:6px 2px}.date-tab{font-size:16px;font-weight:700;min-width:120px;padding:12px 20px}}