:root { --new-ink:#172033; --new-muted:#667085; --new-line:#e7ebf1; --new-blue:#2156d9; --new-surface:#fff; --new-bg:#f5f7fb; }
.new-ui { background:var(--new-bg); color:var(--new-ink); min-width:320px; }
.new-shell { min-height:100vh; display:flex; }
.new-sidebar { width:250px; flex:0 0 250px; padding:20px 14px; background:#101a30; color:#fff; display:flex; flex-direction:column; }
.new-brand { padding:4px 10px 24px; } .new-brand a { color:#fff; text-decoration:none; font-weight:750; font-size:1.25rem; } .new-brand span { display:block; color:#aeb9d1; font-size:.78rem; margin-top:3px; }
.new-nav { display:grid; gap:3px; min-height:0; overflow-y:auto; }
.new-nav-search-label { color:#c9d2e6; font-size:.78rem; font-weight:650; padding:4px 9px 0; }
.new-nav-search-wrap { position:relative; margin:0 0 8px; }
.new-nav-search-wrap > i { position:absolute; left:11px; top:50%; transform:translateY(-50%); color:#aeb9d1; pointer-events:none; }
.new-nav-search { width:100%; border:1px solid #3b4c6d; border-radius:8px; background:#172440; color:#fff; padding:9px 10px 9px 34px; font-size:.84rem; }
.new-nav-search::placeholder { color:#aeb9d1; }
.new-nav-search:focus { outline:2px solid #8db5ff; outline-offset:1px; }
.new-nav-links { display:grid; gap:3px; }
.new-nav-no-results { color:#c9d2e6; font-size:.82rem; padding:8px 10px; margin:0; }
.new-nav-link,.new-nav-summary { color:#c9d2e6; text-decoration:none; border-radius:8px; padding:10px; display:flex; align-items:center; gap:10px; font-size:.92rem; }
.new-nav-link:hover,.new-nav-link.active,.new-nav-summary:hover,.new-nav-summary.active { color:#fff; background:#263a68; }
.new-nav-link i,.new-nav-summary > i:first-child { width:18px; text-align:center; }
.new-nav-group { margin:0; }
.new-nav-group > summary { list-style:none; cursor:pointer; user-select:none; }
.new-nav-group > summary::-webkit-details-marker { display:none; }
.new-nav-chevron { margin-left:auto; font-size:.74rem; transition:transform .18s ease; }
.new-nav-group[open] .new-nav-chevron { transform:rotate(180deg); }
.new-nav-children { display:grid; gap:2px; padding:4px 0 6px 18px; }
.new-nav-child { color:#aeb9d1; text-decoration:none; border-radius:7px; padding:8px 9px; display:flex; gap:9px; align-items:center; font-size:.84rem; }
.new-nav-child:hover,.new-nav-child.active { color:#fff; background:#1d2d52; }
.new-nav-child i { width:16px; text-align:center; font-size:.82rem; }
.new-sidebar-footer { margin-top:auto; padding:16px 10px 2px; color:#aeb9d1; font-size:.75rem; }
.new-page { min-width:0; flex:1; } .new-topbar { height:64px; display:flex; align-items:center; padding:0 28px; background:#fff; border-bottom:1px solid var(--new-line); } .new-mode-label { color:var(--new-muted); font-size:.82rem; }
.new-content { max-width:1240px; padding:34px 28px 48px; margin:0 auto; } .new-hero { margin-bottom:26px; } .new-hero h1 { font-size:clamp(1.75rem,4vw,2.4rem); margin:0 0 7px; letter-spacing:-.04em; } .new-hero p { color:var(--new-muted); margin:0; }
.new-eyebrow { text-transform:uppercase; letter-spacing:.09em; color:var(--new-blue); font-size:.72rem; font-weight:700; margin:0 0 6px; }
.new-stat-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; margin-bottom:24px; } .new-stat,.new-panel { background:var(--new-surface); border:1px solid var(--new-line); border-radius:13px; box-shadow:0 2px 4px rgba(16,24,40,.02); } .new-stat { color:inherit; text-decoration:none; padding:18px; } .new-stat:hover { border-color:#b8c9f4; } .new-stat span,.new-stat small { display:block; color:var(--new-muted); font-size:.82rem; } .new-stat strong { display:block; font-size:2rem; line-height:1.15; margin:8px 0; } .new-stat.attention strong { color:#bf2929; }
.new-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; margin-bottom:18px; } .new-panel { padding:21px; } .new-panel-heading { display:flex; align-items:start; justify-content:space-between; gap:12px; margin-bottom:15px; } .new-panel-heading h2 { font-size:1.1rem; margin:0; } .new-panel-heading a { color:var(--new-blue); text-decoration:none; font-size:.86rem; white-space:nowrap; }
.new-list { padding:0; margin:0; list-style:none; } .new-list li { display:flex; gap:11px; padding:11px 0; border-top:1px solid var(--new-line); } .new-list li:first-child { border-top:0; } .new-list i { color:var(--new-blue); margin-top:2px; } .new-list strong,.new-list small { display:block; } .new-list small { color:var(--new-muted); font-size:.82rem; margin-top:2px; }
.new-empty { color:var(--new-muted); text-align:center; padding:22px 8px 8px; } .new-empty i { font-size:1.5rem; color:#8aa4e6; } .new-empty p { margin:8px 0 12px; }
.new-quick-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; } .new-quick-grid a { color:var(--new-ink); text-decoration:none; border:1px solid var(--new-line); border-radius:9px; padding:12px; display:flex; gap:9px; align-items:center; font-size:.9rem; } .new-quick-grid a:hover { border-color:#b8c9f4; color:var(--new-blue); } .new-quick-grid i { color:var(--new-blue); }
.new-alert-stack { margin-bottom:18px; }
.cleaning-nav { margin:-12px 0 24px; border-bottom:1px solid var(--new-line); }
.cleaning-nav-scroll { display:flex; gap:6px; overflow-x:auto; padding:0 0 12px; scrollbar-width:thin; }
.cleaning-nav-link { flex:0 0 auto; display:flex; align-items:center; gap:7px; padding:8px 10px; border-radius:8px; color:var(--new-muted); text-decoration:none; border:1px solid transparent; font-size:.84rem; white-space:nowrap; }
.cleaning-nav-link:hover { color:var(--new-blue); background:#fff; border-color:var(--new-line); }
.cleaning-nav-link.active { color:var(--new-blue); background:#eef3ff; border-color:#cbd8fa; font-weight:650; }
.cleaning-page-header { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; margin-bottom:20px; }
.cleaning-page-header h1 { margin:0; font-size:clamp(1.55rem,3vw,2.05rem); letter-spacing:-.025em; }
.cleaning-page-header p { margin:5px 0 0; color:var(--new-muted); }
.cleaning-actions { display:flex; flex-wrap:wrap; gap:8px; justify-content:flex-end; }
.cleaning-card { background:#fff; border:1px solid var(--new-line); border-radius:12px; padding:18px; margin-bottom:16px; }
.cleaning-card h2,.cleaning-card h3 { margin-top:0; }
.cleaning-table-wrap { overflow-x:auto; border:1px solid var(--new-line); border-radius:11px; background:#fff; }
.cleaning-table-wrap .table { margin-bottom:0; }
.cleaning-table-wrap .table > :not(caption) > * > * { padding:.72rem .75rem; vertical-align:middle; }
.cleaning-status { display:inline-flex; align-items:center; gap:5px; padding:4px 8px; border-radius:999px; background:#eef2f7; color:#475467; font-size:.78rem; font-weight:650; }
.cleaning-status.success { background:#eaf7ef; color:#176b3a; }
.cleaning-status.warning { background:#fff5dc; color:#8a5b00; }
.cleaning-status.danger { background:#fdebec; color:#a3232b; }
.cleaning-kpis { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; margin-bottom:18px; }
.cleaning-kpi { background:#fff; border:1px solid var(--new-line); border-radius:10px; padding:14px; }
.cleaning-kpi small { display:block; color:var(--new-muted); }
.cleaning-kpi strong { display:block; margin-top:5px; font-size:1.35rem; }
.cleaning-form-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.cleaning-form-grid .full { grid-column:1/-1; }
.cleaning-subtle { color:var(--new-muted); font-size:.88rem; }
.cleaning-print-sheet { background:#fff; border:1px solid var(--new-line); border-radius:12px; padding:24px; }
.new-day-nav { display:flex; gap:10px; flex-wrap:wrap; margin:-10px 0 20px; }.new-day-nav a { color:var(--new-blue); text-decoration:none; padding:7px 10px; border:1px solid var(--new-line); border-radius:7px; background:#fff; }.new-day-list { display:grid; gap:8px; }.new-day-item { color:var(--new-ink); text-decoration:none; display:grid; grid-template-columns:66px 1fr; gap:12px; border-top:1px solid var(--new-line); padding:12px 0; }.new-day-item.next { background:#f2f6ff; margin:0 -8px; padding:12px 8px; border-radius:8px; border-top:0; }.new-day-item time { color:var(--new-blue); font-weight:700; font-size:1.05rem; }.new-day-item strong,.new-day-item small { display:block; }.new-day-item small { color:var(--new-muted); margin-top:3px; }
@media (max-width: 991.98px) { .new-sidebar { position:fixed; z-index:1050; inset:0 auto 0 0; transform:translateX(-100%); transition:transform .2s ease; box-shadow:8px 0 28px rgba(0,0,0,.25); } .new-sidebar.is-open { transform:translateX(0); } .new-topbar { padding:0 16px; } .new-content { padding:24px 16px 36px; } }
@media (max-width: 767.98px) { .new-stat-grid,.new-grid,.cleaning-kpis,.cleaning-form-grid { grid-template-columns:1fr; } .new-quick-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .cleaning-page-header { display:block; } .cleaning-actions { justify-content:flex-start; margin-top:12px; } }
@media print { .new-sidebar,.new-topbar,.cleaning-nav,.new-alert-stack,.d-print-none { display:none !important; } .new-content { max-width:none; padding:0; } .new-page { width:100%; } .cleaning-print-sheet { border:0; padding:0; } body.new-ui { background:#fff; } }