body.admin-body{--admin-font: "Segoe UI", -apple-system, BlinkMacSystemFont, Arial, sans-serif;--paper: #f8fafc;--ink: #0f172a;--muted: #64748b;--line: #e2e8f0;--shadow: 0 2px 8px rgb(15 23 42 / 4%);margin:0;background:#f8fafc;color:#334155;font-family:var(--admin-font);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}body.admin-body button,body.admin-body input,body.admin-body select,body.admin-body textarea,body.admin-body h1,body.admin-body h2,body.admin-body h3,body.admin-body .metric-card strong{font-family:var(--admin-font)}body.admin-body ::selection{background:#dbeafe;color:#1e3a8a}body.admin-body a:focus-visible,body.admin-body button:focus-visible{outline:2px solid #2563eb;outline-offset:3px}body.admin-body button:disabled{cursor:default}body.admin-body .app-shell{grid-template-columns:248px minmax(0,1fr);min-height:100vh}body.admin-body .app-sidebar{background:#fff;border-right:1px solid #e2e8f0;padding:26px 16px 18px}body.admin-body .brand{gap:10px;font-size:15px;font-weight:700;letter-spacing:-.02em;line-height:1.25;color:#0f172a}body.admin-body .brand img{filter:none;flex:0 0 auto}body.admin-body .brand small{margin-top:3px;font-size:11px;font-weight:400;color:#64748b;letter-spacing:0;text-transform:none;line-height:1.3}body.admin-body .app-sidebar .brand{margin:0 8px 32px}body.admin-body .side-caption{font-size:10px;font-weight:600;letter-spacing:.09em;color:#94a3b8;margin:0 12px 10px}body.admin-body .admin-settings-caption{margin-top:28px}body.admin-body .app-nav{gap:4px}body.admin-body .app-nav a{min-height:42px;padding:10px 12px;border-radius:8px;gap:12px;color:#475569;font-size:13px;font-weight:500}body.admin-body .app-nav a:hover{background:#f1f5f9;color:#0f172a}body.admin-body .app-nav a[aria-current=page]{background:#eff6ff;color:#2563eb;box-shadow:none;font-weight:600}body.admin-body .nav-icon{width:20px;height:20px;font-size:0;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}body.admin-body .nav-icon svg{display:block}body.admin-body .sidebar-bottom{padding:18px 10px 0;border-top:1px solid #e2e8f0}body.admin-body .sidebar-bottom>a{color:#64748b;font-weight:500;font-size:12px}body.admin-body .side-user{gap:10px;margin-top:18px}body.admin-body .side-user strong{font-size:12px;color:#334155;font-weight:600;overflow-wrap:anywhere}body.admin-body .side-user small{color:#94a3b8;font-size:11px}body.admin-body .side-avatar,body.admin-body .top-avatar{background:#eff6ff;color:#2563eb;border:1px solid #dbeafe;border-radius:8px;font-size:12px;font-weight:600}body.admin-body .app-topbar{background:#fff;border-bottom:1px solid #e2e8f0;height:64px;padding:0 32px}body.admin-body .breadcrumb{font-weight:500;font-size:13px;color:#64748b}body.admin-body .breadcrumb span{color:#94a3b8}body.admin-body #breadcrumb-title{color:#334155}body.admin-body .app-top-actions{gap:18px}body.admin-body .app-top-actions a,body.admin-body .app-top-actions button{font-size:12px;font-weight:500;color:#475569}body.admin-body .app-top-actions button{padding:7px 10px;border:1px solid #e2e8f0;border-radius:7px}body.admin-body .app-top-actions button:hover{background:#f8fafc}body.admin-body .app-content{max-width:1536px;padding:28px 32px 56px}body.admin-body .page-head{align-items:center;margin-bottom:24px;gap:20px}body.admin-body .page-eyebrow{color:#64748b;font-size:10px;font-weight:500;letter-spacing:.08em}body.admin-body .page-head h1{font-size:28px;line-height:1.25;font-weight:600;color:#0f172a;letter-spacing:-.035em;margin:5px 0 6px}body.admin-body .page-head p{color:#64748b;font-size:13px;line-height:1.5}body.admin-body .page-head h1 em{display:none}body.admin-body .btn{min-height:40px;padding:10px 16px;border-radius:8px;gap:8px;font-size:13px;font-weight:500;letter-spacing:0;line-height:1.4;box-shadow:none}body.admin-body .btn-solid,body.admin-body .btn-primary{border:1px solid #2563eb;background:#2563eb;color:#fff}body.admin-body .btn-solid:hover,body.admin-body .btn-primary:hover{background:#1d4ed8;border-color:#1d4ed8}body.admin-body .btn-outline{border:1px solid #cbd5e1;background:#fff;color:#334155}body.admin-body .btn-outline:hover{border-color:#94a3b8;background:#f8fafc}body.admin-body .button-small{min-height:34px;padding:7px 12px;font-size:12px}body.admin-body .ui-card{padding:22px;background:#fff;border-color:#e2e8f0;border-radius:10px;box-shadow:var(--shadow)}body.admin-body .ui-card h2{color:#0f172a;font-size:16px;line-height:1.4;font-weight:600;letter-spacing:-.015em;margin:0}body.admin-body .ui-card p{font-size:13px;color:#64748b;line-height:1.6}body.admin-body .card-label{font-size:10px;font-weight:600;color:#64748b;letter-spacing:.07em}body.admin-body .card-heading{align-items:center;margin-bottom:16px}body.admin-body .card-heading>a,body.admin-body .card-heading>button{font-size:12px;font-weight:500;color:#2563eb}body.admin-body .admin-metrics{gap:16px;margin-bottom:24px}body.admin-body .metric-card{border-color:#e2e8f0;border-radius:10px;box-shadow:var(--shadow);padding:18px 20px;min-height:140px}body.admin-body a.metric-card:hover{border-color:#bfdbfe;box-shadow:0 2px 10px #2563eb12}body.admin-body .metric-top{display:flex;align-items:center;justify-content:space-between;gap:10px}body.admin-body .metric-top>span:first-child{font-size:12px;color:#64748b;font-weight:500}body.admin-body .metric-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:8px;color:#2563eb;background:#eff6ff}body.admin-body .metric-icon svg{width:18px;height:18px}body.admin-body .metric-card strong{font-size:30px;font-weight:600;line-height:1.2;color:#0f172a;letter-spacing:-.025em;margin:10px 0 4px}body.admin-body .metric-card small{font-size:11px;color:#64748b}body.admin-body .admin-dashboard-grid{grid-template-columns:minmax(0,1.8fr) minmax(250px,1fr);gap:20px;align-items:start}body.admin-body .admin-dashboard-grid:has(>:only-child){grid-template-columns:1fr}body.admin-body .admin-shortcuts .admin-action{min-height:54px;padding:11px 0;border-color:#f1f5f9;font-size:13px;font-weight:500;gap:10px}body.admin-body .admin-shortcuts .admin-action:hover{color:#2563eb}body.admin-body .admin-action>span:first-child{width:30px;height:30px;background:#f1f5f9;color:#64748b;border-radius:7px}body.admin-body .admin-action>span:last-child{color:#94a3b8}body.admin-body .admin-action:first-of-type{margin-top:0}body.admin-body .admin-action svg{width:17px;height:17px}body.admin-body .data-row{padding:13px 0;font-size:13px;border-color:#f1f5f9;gap:12px}body.admin-body .data-row strong{font-weight:500}body.admin-body .list-row{padding:12px 0;border-color:#f1f5f9;font-size:13px}body.admin-body .list-row strong{font-weight:500}body.admin-body .list-row small{font-size:12px;color:#64748b}body.admin-body .status-badge{background:#f1f5f9;color:#475569;border:1px solid #e2e8f0;border-radius:6px;padding:4px 8px;font-size:11px;font-weight:500}body.admin-body .status-badge.warn{background:#fffbeb;border-color:#fde68a;color:#92400e}body.admin-body .app-toolbar{margin-bottom:18px;gap:12px}body.admin-body .search-input,body.admin-body .app-input,body.admin-body .app-select,body.admin-body .app-textarea{background:#fff;border-color:#cbd5e1;border-radius:8px;min-height:40px;padding:9px 12px;font-size:13px;font-weight:400;color:#0f172a}body.admin-body .search-input{width:min(100%,340px)}body.admin-body .search-input::placeholder,body.admin-body .app-input::placeholder,body.admin-body .app-textarea::placeholder{color:#94a3b8}body.admin-body .search-input:focus,body.admin-body .app-input:focus,body.admin-body .app-select:focus,body.admin-body .app-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61f}body.admin-body .form-grid{gap:16px}body.admin-body .form-field{font-size:12px;font-weight:500;color:#334155}body.admin-body .form-field small{display:block;color:#64748b;font-size:12px;font-weight:400}body.admin-body .form-field input,body.admin-body .form-field select,body.admin-body .form-field textarea{margin-top:6px}body.admin-body .form-field input[type=checkbox]{min-height:0;accent-color:#2563eb}body.admin-body .form-actions{margin-top:22px;padding-top:16px;border-top:1px solid #e2e8f0;gap:10px}body.admin-body .form-feedback{color:#b91c1c;font-size:12px;font-weight:400}body.admin-body .form-feedback:empty{margin:0}body.admin-body .data-table{min-width:620px}body.admin-body .data-table thead{background:#f8fafc}body.admin-body .data-table th{padding:12px 14px;color:#64748b;border-color:#e2e8f0;font-size:11px;font-weight:600;letter-spacing:.025em;text-transform:none;white-space:nowrap}body.admin-body .data-table td{padding:13px 14px;border-color:#f1f5f9;font-size:13px;color:#334155}body.admin-body .data-table td strong{color:#0f172a;font-weight:500}body.admin-body .data-table tbody tr:hover{background:#f8fafc}body.admin-body .data-table button{color:#2563eb;font-weight:500;font-size:12px;text-decoration:none;padding:5px 0}body.admin-body .data-table button:hover{text-decoration:underline}body.admin-body .pagination{margin-top:18px;border-top:1px solid #e2e8f0;padding-top:16px;gap:10px;color:#64748b;font-size:12px}body.admin-body .pagination button{border-color:#cbd5e1;border-radius:7px;min-height:34px;padding:7px 12px;color:#334155;font-weight:500}body.admin-body .pagination button:not(:disabled):hover{background:#f8fafc;border-color:#94a3b8}body.admin-body .app-tabs{border-color:#e2e8f0;gap:4px;margin-bottom:18px}body.admin-body .app-tabs button{font-size:12px;font-weight:500;color:#64748b;padding:11px 14px}body.admin-body .app-tabs button[aria-selected=true]{color:#2563eb;border-color:#2563eb}body.admin-body .schedule-controls{gap:12px}body.admin-body .schedule-controls strong{font-size:13px;color:#334155;font-weight:500}body.admin-body .calendar-grid{gap:8px}body.admin-body .calendar-day{background:#fff;border-color:#e2e8f0;border-radius:8px;padding:10px;min-height:160px}body.admin-body .calendar-day.today{background:#f8fbff;border-color:#93c5fd}body.admin-body .calendar-day>strong{font-size:11px;color:#64748b;font-weight:500}body.admin-body .calendar-entry{background:#eff6ff;border-left:3px solid #3b82f6;color:#1e40af;border-radius:5px;padding:8px;font-size:11px;line-height:1.45}body.admin-body .calendar-entry:hover{background:#dbeafe}body.admin-body .calendar-entry b{font-size:11px;font-weight:600;margin-bottom:3px}body.admin-body .calendar-entry small{color:#64748b;margin-top:3px;font-size:10px}body.admin-body .empty-state{border-color:#e2e8f0;background:#fafbfd;color:#64748b;border-radius:8px;font-size:13px;padding:28px 18px}body.admin-body .error-state{background:#f8fafc;color:#b91c1c;border:1px solid #cbd5e1;border-radius:8px;padding:12px 14px;font-size:13px}body.admin-body .modal-backdrop{background:#0f172a4d;padding:20px}body.admin-body .modal{width:min(100%,680px);border:1px solid #e2e8f0;border-radius:12px;padding:24px;box-shadow:0 16px 48px #0f172a29;max-height:calc(100dvh - 40px)}body.admin-body .modal-header{margin:0 0 20px;padding-bottom:16px;border-bottom:1px solid #e2e8f0;gap:14px}body.admin-body .modal-header h2{font-size:19px;font-weight:600;line-height:1.35;letter-spacing:-.025em;color:#0f172a}body.admin-body .modal-header button{width:32px;height:32px;flex:0 0 auto;display:grid;place-items:center;background:#f8fafc;color:#64748b;border-radius:7px;font-size:24px}body.admin-body .modal-header button:hover{background:#f1f5f9;color:#0f172a}body.admin-body .toast{background:#fff;color:#334155;border:1px solid #e2e8f0;border-left:3px solid #2563eb;border-radius:8px;box-shadow:0 6px 24px #0f172a1a;font-size:13px;font-weight:500}body.admin-auth-body{background:#f8fafc}body.admin-body .admin-login-shell{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px}body.admin-body .admin-login-card{width:min(100%,420px);background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 16px #0f172a0d;padding:32px}body.admin-body .admin-login-card .brand{margin-bottom:32px}body.admin-body .admin-login-label{font-size:10px;font-weight:600;letter-spacing:.08em;color:#64748b}body.admin-body .admin-login-heading h1{font-size:24px;font-weight:600;line-height:1.3;letter-spacing:-.03em;color:#0f172a;margin:8px 0}body.admin-body .admin-login-heading p{font-size:13px;line-height:1.6;color:#64748b;margin:0 0 26px}body.admin-body .admin-login-card form{display:flex;flex-direction:column;gap:18px}body.admin-body .admin-login-card .btn{width:100%;margin-top:4px;justify-content:center}body.admin-body .admin-login-back{display:inline-block;margin-top:24px;color:#64748b;font-size:12px}body.admin-body .admin-login-back:hover{color:#2563eb}body.admin-body .admin-login-footer{color:#94a3b8;font-size:11px;margin:20px 0 0}@media(max-width:1150px){body.admin-body .app-shell{grid-template-columns:224px minmax(0,1fr)}body.admin-body .app-content{padding:26px 24px 48px}body.admin-body .admin-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}body.admin-body .admin-dashboard-grid{grid-template-columns:1fr}}@media(max-width:800px){body.admin-body .app-shell{display:block}body.admin-body .app-sidebar{position:relative;height:auto;padding:16px 16px 12px;border-right:0;border-bottom:1px solid #e2e8f0}body.admin-body .app-sidebar .brand{margin:0 0 16px}body.admin-body .side-caption,body.admin-body .sidebar-bottom{display:none}body.admin-body .app-nav{flex-direction:row;gap:4px;overflow-x:auto;padding-bottom:4px}body.admin-body .app-nav+.admin-settings-caption+.app-nav{margin-top:4px}body.admin-body .app-nav a{padding:9px 11px;font-size:12px;min-height:38px}body.admin-body .nav-icon svg{width:18px;height:18px}body.admin-body .app-topbar{height:56px;padding:0 18px}body.admin-body .breadcrumb{font-size:12px}body.admin-body .app-content{padding:22px 18px 48px}}@media(max-width:600px){body.admin-body .page-head{align-items:flex-start;flex-wrap:wrap;gap:14px;margin-bottom:20px}body.admin-body .page-head h1{font-size:24px}body.admin-body .page-head .btn{display:inline-flex;min-height:40px}body.admin-body .page-eyebrow{font-size:9px}body.admin-body .app-top-actions{gap:10px}body.admin-body .app-top-actions a{display:none}body.admin-body .app-top-actions button{padding:5px 8px;font-size:11px}body.admin-body .top-avatar{width:28px;height:28px}body.admin-body .admin-metrics{gap:10px;margin-bottom:18px}body.admin-body .metric-card{padding:14px;min-height:128px}body.admin-body .metric-top>span:first-child{font-size:11px}body.admin-body .metric-icon{width:28px;height:28px}body.admin-body .metric-icon svg{width:16px;height:16px}body.admin-body .metric-card strong{font-size:26px;margin-top:9px}body.admin-body .metric-card small{font-size:10px}body.admin-body .ui-card{padding:18px}body.admin-body .ui-card h2{font-size:15px}body.admin-body .form-grid{grid-template-columns:1fr;gap:14px}body.admin-body .data-row{grid-template-columns:minmax(0,1fr) auto;gap:6px 10px}body.admin-body .data-row>:first-child{grid-column:1 / -1}body.admin-body .data-row>:nth-child(2){grid-column:1;grid-row:2}body.admin-body .data-row>:nth-child(3){grid-column:2;grid-row:2}body.admin-body .data-row>:nth-child(4){grid-column:1 / -1;grid-row:3;justify-self:start}body.admin-body .pagination{justify-content:space-between;gap:6px;font-size:11px}body.admin-body .pagination button{padding:7px 9px;font-size:11px}body.admin-body .calendar-grid{grid-template-columns:repeat(2,minmax(0,1fr))}body.admin-body .calendar-day{min-height:128px;padding:9px}body.admin-body .calendar-entry{font-size:12px}body.admin-body .modal-backdrop{padding:12px}body.admin-body .modal{padding:20px;max-height:calc(100dvh - 24px)}body.admin-body .modal-header h2{font-size:18px}body.admin-body .toast{left:16px;right:16px;bottom:16px}body.admin-body .admin-login-shell{padding:24px 16px}body.admin-body .admin-login-card{padding:26px 22px}}body.admin-body .planning-panel{margin-top:24px}body.admin-body .planning-panel details{margin:20px 0;border-block:1px solid #e5e7eb;padding:16px 0}body.admin-body .planning-panel summary{cursor:pointer;font-weight:600}body.admin-body .planning-panel fieldset{border:0;margin:0;padding:16px 0;min-width:0}body.admin-body .planning-panel .app-toolbar{flex-wrap:wrap;align-items:end;gap:12px}body.admin-body .planning-table input[type=datetime-local]{min-width:220px}body.admin-body .planning-table select{min-width:165px}body.admin-body .planning-report{padding:16px;margin-block:16px;background:#f8fafc;border-radius:12px}body.admin-body .planning-approval{padding-top:16px}body.admin-body .planning-approval .app-toolbar{margin-top:16px}body.admin-body .recurrence-panel{margin-top:24px}body.admin-body .recurrence-panel details{padding:16px 0;border-bottom:1px solid #e5e7eb}body.admin-body .recurrence-panel summary{cursor:pointer;font-weight:600}body.admin-body .recurrence-panel form{padding-top:16px}body.admin-body .recurrence-panel .app-toolbar{flex-wrap:wrap;gap:12px;margin-top:16px}body.admin-body .recurrence-panel input[type=time]{min-width:120px}body.admin-body .recurrence-panel [data-template-rows] select{min-width:140px}body.admin-body #billing-panel .data-table{min-width:580px}body.admin-body .landing-preview-panel{margin-top:28px;padding-top:24px;border-top:1px solid #e2e8f0}body.admin-body .landing-preview-panel h2{margin:0 0 8px;font-size:18px}body.admin-body .landing-preview-panel p{color:#64748b;margin:0 0 16px}body.admin-body .landing-preview-panel .form-actions{flex-wrap:wrap}
