*,*:before,*:after{box-sizing:border-box}:root{font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial;color-scheme:light}html,body{margin:0;padding:0;background:#f4f6f9;color:#1e2430;overflow-x:hidden}a{color:#2563eb;text-decoration:none}a:hover{text-decoration:underline}.container{max-width:980px;margin:0 auto;padding:24px 20px}.header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.brand a{font-weight:850;font-size:18px;letter-spacing:.2px;color:#111827}.nav a{margin-left:14px;color:#2563eb}.card{background:#fff;border:1px solid #e3e8f0;border-radius:16px;padding:20px;margin-bottom:18px;overflow:hidden;box-shadow:0 10px 28px #14285014}h2,h3{margin:0;color:#111827}.title{margin:0}.subtitle{margin:0 0 10px;color:#334155}.muted{opacity:.85;font-size:13px;line-height:1.45;color:#475569}.error{color:#b91c1c;background:#b91c1c14;border:1px solid rgba(185,28,28,.18);padding:10px 12px;border-radius:12px}input,select,textarea,button{background:#fff;color:#0f172a;border:1px solid #d7deea;border-radius:12px;padding:11px 12px;width:100%;font-size:14px;outline:none}input::placeholder,textarea::placeholder{color:#94a3b8}input:focus,select:focus,textarea:focus{border-color:#2563eba6;box-shadow:0 0 0 4px #2563eb24}button{width:auto;cursor:pointer;transition:transform .06s ease,filter .15s ease,border-color .15s ease,box-shadow .15s ease;background:#fff}button:active{transform:translateY(1px)}button:hover{border-color:#b9c6da;box-shadow:0 8px 20px #14285014}button:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}button.primary{background:linear-gradient(180deg,#2563eb,#1e4fd8);border-color:#2563ebe6;color:#fff}button.primary:hover{filter:brightness(1.03)}button.danger{background:linear-gradient(180deg,#dc2626,#b91c1c);border-color:#dc2626e6;color:#fff}label{display:block;font-size:12px;margin:14px 0 6px;color:#334155;opacity:.95}.row{display:flex;gap:14px;flex-wrap:wrap}.col{flex:1 1 320px}.section{margin-top:18px}.divider{height:1px;background:#e6edf7;margin:22px 0}.form{display:flex;flex-direction:column;gap:10px}.field{margin-bottom:6px}.company-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.status{font-size:12px;padding:7px 12px;border-radius:999px;border:1px solid #d7deea;background:#f8fafc;color:#0f172a}.status.ok{border-color:#10b98159;background:#10b98114;color:#065f46}.status.warn{border-color:#f59e0b59;background:#f59e0b1a;color:#92400e}.notice{margin-top:14px;padding:14px;border-radius:14px;border:1px solid #e3e8f0;background:#f8fafc;color:#0f172a}.tag{display:inline-block;padding:3px 9px;border:1px solid #d7deea;border-radius:999px;font-size:12px;color:#334155;background:#f8fafc}.table{width:100%;border-collapse:collapse}.table th,.table td{border-bottom:1px solid #e6edf7;padding:9px 8px;text-align:left}.table th{font-size:12px;color:#475569;font-weight:800}.table td{color:#0f172a}.tabs{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.tab-btn{padding:8px 14px;border-radius:999px;border:1px solid #d7deea;background:#fff;font-size:13px;cursor:pointer;transition:all .15s ease;color:#0f172a}.tab-btn:hover{border-color:#b9c6da;box-shadow:0 8px 18px #1428500f}.tab-btn.active{background:#2563eb1a;border-color:#2563eb59;color:#1d4ed8}.cal{width:100%;max-width:100%;background:transparent;padding:0}.cal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.cal-title{font-weight:900;font-size:16px;letter-spacing:.2px;color:#0f172a}.cal-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;width:100%}.cal-dowcell{background:transparent!important;border:none!important;padding:0 0 4px!important;min-height:auto!important;font-size:12px;color:#64748b;text-align:center}.cal-cell{min-width:0;border:1px solid #e3e8f0;border-radius:14px;padding:12px;min-height:56px;text-align:left;position:relative;transition:border-color .15s ease,transform .06s ease,box-shadow .15s ease,background .15s ease;background:#fff;box-shadow:0 6px 18px #1428500f}.cal-cell.in{background:#fff}.cal-cell.out{opacity:.45;background:#f8fafc}.cal-cell:hover{border-color:#b9c6da;box-shadow:0 10px 24px #1428501a}.cal-cell:active{transform:translateY(1px)}.cal-cell.sel{outline:2px solid rgba(37,99,235,.95);outline-offset:0;background:#2563eb0f}.cal-day{font-size:13px;font-weight:800;color:#0f172a}.cal-mark{position:absolute;bottom:6px;right:8px;font-size:11px;padding:2px 7px;border-radius:999px;border:1px solid rgba(37,99,235,.25);background:#2563eb14;color:#1d4ed8}.btn{border:1px solid #d7deea;background:#fff;border-radius:12px;padding:8px 12px;cursor:pointer;color:#0f172a;line-height:1;font-size:16px;transition:border-color .15s ease,box-shadow .15s ease,transform .06s ease}.btn:hover{border-color:#b9c6da;box-shadow:0 10px 22px #14285014}.btn:active{transform:translateY(1px)}@media (max-width: 720px){.container{padding:18px 14px}.card{padding:16px;border-radius:14px}.cal-grid{gap:8px}.cal-cell{padding:10px;min-height:52px}}@media (max-width: 900px){.dashboard-grid{display:flex!important;flex-direction:column!important}}.footer{opacity:.75;font-size:12px;margin-top:40px;color:#64748b}.settingsScope .setHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}.settingsScope .setTitle{margin:0;color:#0f172a}.settingsScope .setSub{margin-top:4px;opacity:.9;font-size:13px;color:#475569}.settingsScope .setInfo{margin-top:10px;padding:10px 12px;border-radius:12px;border:1px solid rgba(37,99,235,.22);background:#2563eb14;color:#0f172a}.settingsScope .setGrid{margin-top:14px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 18px}@media (max-width: 900px){.settingsScope .setGrid{grid-template-columns:1fr}}.settingsScope .setField{display:grid;gap:8px;padding:12px;border-radius:16px;border:1px solid #e3e8f0;background:#fff;box-shadow:0 10px 24px #1428500f}.settingsScope .setLabelText{font-weight:900;letter-spacing:.1px;color:#0f172a}.settingsScope .setHint{margin-top:4px;font-size:12px;opacity:.9;color:#64748b}.settingsScope .setControl{display:flex;align-items:center;min-height:42px}.settingsScope .setInput,.settingsScope .setSelect{width:100%;height:42px;border-radius:14px;border:1px solid #d7deea;background:#fff;color:#0f172a;padding:0 12px;outline:none;box-sizing:border-box}.settingsScope .setInput:focus,.settingsScope .setSelect:focus{border-color:#2563eba6;box-shadow:0 0 0 4px #2563eb24}.settingsScope .setInline{display:flex;align-items:center;gap:10px}.settingsScope .setPillWarn{font-size:12px;padding:6px 10px;border-radius:999px;border:1px solid rgba(245,158,11,.35);background:#f59e0b1f;color:#92400e}.settingsScope .setSaveBtn{height:42px;padding:0 16px;border-radius:14px;white-space:nowrap}.uiToggle{position:relative;display:inline-flex;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none}.uiToggle input{position:absolute;opacity:0;pointer-events:none}.uiToggleTrack{width:52px;height:30px;border-radius:999px;border:1px solid #d7deea;background:#f1f5f9;display:inline-flex;align-items:center;padding:3px;transition:all .18s ease;box-sizing:border-box}.uiToggleThumb{width:24px;height:24px;border-radius:999px;background:#fff;transform:translate(0);transition:transform .18s ease,box-shadow .18s ease;box-shadow:0 6px 16px #1428501f}.uiToggle input:checked+.uiToggleTrack{border-color:#2563eb73;background:#2563eb24}.uiToggle input:checked+.uiToggleTrack .uiToggleThumb{transform:translate(22px);background:#fff}.uiToggle.isDisabled{opacity:.6;cursor:not-allowed}.slot-grid .slot{margin:5px}
