/* TailAdmin-inspired visual system translated for the salon's PHP admin shell. */
:root{--tail-bg:#f8fafc;--tail-surface:#fff;--tail-line:#e5e7eb;--tail-ink:#101828;--tail-muted:#667085;--tail-blue:#2563eb;--tail-blue-dark:#1d4ed8;--tail-navy:#101828;--tail-green:#12b76a;--tail-orange:#f79009;--tail-red:#f04438;--tail-radius:14px;--tail-shadow:0 1px 3px rgba(16,24,40,.06),0 8px 24px rgba(16,24,40,.04)}
body.admin-page{background:var(--tail-bg);color:var(--tail-ink);font-family:var(--sans)}body.admin-page:has(.app-shell) .admin-global-nav{display:none!important}body.admin-page .announcement,body.admin-page .site-header,body.admin-page .social-rail{display:none!important}body.admin-page .app-shell{min-height:100vh;background:var(--tail-bg)}
body.admin-page .app-sidebar{position:fixed;inset:0 auto 0 0;width:260px;padding:22px 16px;background:var(--tail-navy);color:#fff;box-shadow:8px 0 24px rgba(16,24,40,.08);z-index:30}body.admin-page .app-brand{padding:4px 12px 25px;border-bottom:1px solid rgba(255,255,255,.1);font:600 20px var(--sans);letter-spacing:-.02em}body.admin-page .app-brand img{width:38px;height:38px;background:#fff;padding:4px;border-radius:10px}body.admin-page .app-nav{gap:5px;padding-top:22px}body.admin-page .app-nav button,body.admin-page .app-nav a{padding:11px 13px;border-radius:8px;color:#98a2b3;font:500 12px var(--sans);letter-spacing:0}body.admin-page .app-nav button:hover,body.admin-page .app-nav a:hover,body.admin-page .app-nav button.is-active{background:rgba(255,255,255,.1);color:#fff}body.admin-page .app-nav a span{color:#98a2b3}body.admin-page .sidebar-toggle{top:24px;right:-15px;width:30px;height:30px;border:1px solid #344054;border-radius:50%;background:#fff;color:var(--tail-navy);font-size:18px;line-height:1;box-shadow:0 2px 6px rgba(0,0,0,.12)}
body.admin-page .app-main{margin-left:260px;width:calc(100% - 260px);min-height:100vh;padding:26px 34px 70px;background:var(--tail-bg)}body.admin-page .admin-utility-tab{width:100%;max-width:none;margin-bottom:28px;padding:0 0 22px;border-bottom:1px solid var(--tail-line);background:transparent;border-radius:0;box-shadow:none}body.admin-page .admin-utility-left h1{font:600 24px/1.2 var(--sans);letter-spacing:-.03em;color:var(--tail-ink)}body.admin-page .admin-utility-left .section-label{font:500 11px var(--sans);letter-spacing:.08em;color:var(--tail-muted)}body.admin-page .admin-profile{color:var(--tail-ink)}body.admin-page .admin-profile small{color:var(--tail-muted)}body.admin-page .admin-logout{color:var(--tail-blue);border-color:var(--tail-blue)}body.admin-page .admin-notification{color:var(--tail-muted)}
body.admin-page .app-tab{max-width:none!important;width:100%!important}body.admin-page .overview-heading{align-items:flex-start;margin-bottom:24px}body.admin-page .overview-heading h2{font:600 30px/1.2 var(--sans);letter-spacing:-.04em;color:var(--tail-ink)}body.admin-page .overview-heading p{color:var(--tail-muted);font-size:13px}body.admin-page .section-label{color:var(--tail-blue);font:600 10px var(--sans);letter-spacing:.08em}
body.admin-page .overview-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:22px}body.admin-page .overview-stat{min-height:142px;padding:20px;background:var(--tail-surface);border:1px solid var(--tail-line);border-radius:var(--tail-radius);box-shadow:var(--tail-shadow)}body.admin-page .overview-stat-label{color:var(--tail-muted);font:500 12px var(--sans);letter-spacing:0;text-transform:none}body.admin-page .overview-stat strong{font:600 30px/1.1 var(--sans);letter-spacing:-.04em;color:var(--tail-ink);margin:19px 0 8px}body.admin-page .overview-stat small{color:var(--tail-muted);font-size:11px}body.admin-page .overview-stat-accent{background:linear-gradient(135deg,#1d4ed8,#2563eb);border:0;color:#fff}body.admin-page .overview-stat-accent .overview-stat-label,body.admin-page .overview-stat-accent small{color:#dbeafe}body.admin-page .overview-stat-accent strong{color:#fff}
body.admin-page .dashboard-card,body.admin-page .service-admin-form,body.admin-page .service-admin-list,body.admin-page .review-admin-shell>section,body.admin-page .report-actions{background:var(--tail-surface);border:1px solid var(--tail-line);border-radius:var(--tail-radius);box-shadow:var(--tail-shadow)}body.admin-page .dashboard-card{padding:24px}body.admin-page .panel-heading{padding-bottom:17px;border-color:var(--tail-line)}body.admin-page .panel-heading h3,body.admin-page .quick-actions h3{font:600 17px/1.3 var(--sans);letter-spacing:-.02em;color:var(--tail-ink)}body.admin-page .chart-caption{color:var(--tail-muted);font-size:11px}body.admin-page .activity-row{padding:14px 0;border-color:var(--tail-line)}body.admin-page .activity-row strong{font-size:13px;color:var(--tail-ink)}body.admin-page .activity-row span{color:var(--tail-muted)}body.admin-page .status-pill{background:#f2f4f7;color:var(--tail-muted);border-radius:999px}body.admin-page .status-confirmed{background:#ecfdf3;color:#027a48}body.admin-page .status-pending{background:#fffaeb;color:#b54708}body.admin-page .status-cancelled{background:#fef3f2;color:#b42318}
body.admin-page .activity-chart{background:var(--tail-surface)}body.admin-page .chart-bars{height:230px;align-items:end;padding:22px 8px 0;border-top:0;display:flex;justify-content:space-around;gap:18px}body.admin-page .chart-bar-wrap{height:100%;flex:1;display:flex;flex-direction:column;justify-content:end;align-items:center;gap:9px;color:var(--tail-muted);font-size:10px}body.admin-page .chart-bar{width:min(34px,65%);min-height:10px;border-radius:6px 6px 2px 2px;background:linear-gradient(180deg,#60a5fa,#2563eb);box-shadow:0 5px 12px rgba(37,99,235,.2);transition:height .4s ease}body.admin-page .chart-bar:hover{background:linear-gradient(180deg,#93c5fd,#1d4ed8)}body.admin-page .financial-summary{background:linear-gradient(135deg,#eff6ff,#fff);border:1px solid #dbeafe;border-radius:var(--tail-radius);box-shadow:none}body.admin-page .financial-heading h3{font:600 17px var(--sans)}body.admin-page .financial-grid div{border-color:#dbeafe;background:rgba(255,255,255,.7)}body.admin-page .financial-grid span{color:var(--tail-blue);font-size:10px}body.admin-page .financial-grid strong{font:600 21px var(--sans);color:var(--tail-ink)}
body.admin-page .quick-action-links a{padding:13px 15px;border-color:var(--tail-line);border-radius:9px;color:var(--tail-ink);font-size:12px}body.admin-page .quick-action-links a:hover{border-color:#93c5fd;background:#eff6ff;color:var(--tail-blue)}body.admin-page .notification-list a{border-color:var(--tail-line);background:#fff}body.admin-page .notification-list a:hover{background:#eff6ff;border-color:#bfdbfe}body.admin-page .demand-highlight{color:var(--tail-blue);font:600 25px var(--sans)}body.admin-page .btn-dark{background:var(--tail-blue);border-color:var(--tail-blue);box-shadow:0 4px 10px rgba(37,99,235,.18)}body.admin-page .btn-dark:hover{background:var(--tail-blue-dark);border-color:var(--tail-blue-dark)}body.admin-page .btn-outline{border-color:var(--tail-line);color:var(--tail-blue);background:#fff}
body.admin-page .form-field input,body.admin-page .form-field select,body.admin-page .form-field textarea{background:#fff;border-color:var(--tail-line);border-radius:8px;color:var(--tail-ink)}body.admin-page .form-field input:focus,body.admin-page .form-field select:focus,body.admin-page .form-field textarea:focus{border-color:#84adff;box-shadow:0 0 0 4px #eff6ff}body.admin-page .service-admin-item{border-color:var(--tail-line)}body.admin-page .service-admin-item span,body.admin-page .service-admin-actions a{color:var(--tail-blue)}
body.theme-dark.admin-page{--tail-bg:#0b1220;--tail-surface:#111b2e;--tail-line:#24324a;--tail-ink:#f8fafc;--tail-muted:#98a2b3;background:var(--tail-bg)}body.theme-dark.admin-page .app-main{background:var(--tail-bg)}body.theme-dark.admin-page .dashboard-card,body.theme-dark.admin-page .service-admin-form,body.theme-dark.admin-page .service-admin-list,body.theme-dark.admin-page .overview-stat{background:var(--tail-surface);border-color:var(--tail-line)}body.theme-dark.admin-page .form-field input,body.theme-dark.admin-page .form-field select,body.theme-dark.admin-page .form-field textarea{background:#162238;color:var(--tail-ink);border-color:var(--tail-line)}body.theme-dark.admin-page .financial-summary{background:#11213b;border-color:#1e3a65}
@media(max-width:1000px){body.admin-page .overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:800px){body.admin-page .app-sidebar{inset:0 auto 0 0;width:260px;transform:translateX(-100%)}body.admin-page .app-sidebar.is-mobile-open{transform:none}body.admin-page .app-main{margin-left:0;width:100%;padding:20px 16px 60px}body.admin-page .admin-utility-tab{padding-bottom:18px}body.admin-page .overview-columns{display:block}body.admin-page .overview-panel{margin-bottom:16px}}@media(max-width:560px){body.admin-page .overview-grid{grid-template-columns:1fr 1fr;gap:10px}body.admin-page .overview-stat{min-height:120px;padding:15px}body.admin-page .overview-stat strong{font-size:25px}body.admin-page .admin-profile span{display:none}}