:root{--color-primary-500: #0055d4;--color-primary-700: #08328c;--color-primary-800: #0a2463;--color-primary-900: #001a4d;--color-accent-green: #28c76f;--color-accent-teal: #00cfe8;--color-success: #28c76f;--color-warning: #ff9f43;--color-error: #ea5455;--color-info: #00cfe8;--color-white: #ffffff;--color-text-on-dark: #ffffff;--color-text-on-dark-muted: rgba(255, 255, 255, .72);--color-text-on-dark-subtle: rgba(255, 255, 255, .52);--color-text-on-light: #0a2463;--color-text-footer: rgba(255, 255, 255, .45);--color-surface-card-top: #08328c;--color-surface-card-bottom: #0a2463;--color-surface-card-border: rgba(255, 255, 255, .12);--color-surface-secondary-btn: rgba(26, 58, 138, .5);--color-surface-secondary-border: rgba(255, 255, 255, .28);--gradient-background: linear-gradient(165deg, #0055d4 0%, #003080 45%, #001a4d 100%);--gradient-background-radial: radial-gradient(ellipse at 50% 0%, #0055d4 0%, #002868 55%, #001a4d 100%);--gradient-card: linear-gradient(180deg, #08328c 0%, #0a2463 100%);--gradient-primary: linear-gradient(135deg, #0055d4 0%, #08328c 50%, #0a2463 100%);--gradient-button-primary: linear-gradient(180deg, #ffffff 0%, #f0f4ff 100%);--gradient-status-online: linear-gradient(90deg, #28c76f 0%, #20a85a 100%);--font-sans: "Inter", "Segoe UI", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 24px;--radius-3xl: 28px;--radius-card: 28px;--radius-button: 16px;--radius-pill: 999px;--shadow-card: 0 12px 40px rgba(0, 85, 212, .35), 0 0 60px rgba(0, 85, 212, .12);--shadow-button: 0 4px 20px rgba(255, 255, 255, .25);--shadow-glow-green: 0 0 12px rgba(40, 199, 111, .6);--shadow-sidebar: 4px 0 24px rgba(0, 26, 77, .25)}*,*:before,*:after{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{font-family:var(--font-sans);color:var(--color-text-on-light);background:var(--gradient-background-radial);background-attachment:fixed;line-height:1.5;-webkit-font-smoothing:antialiased}code{font-family:var(--font-mono);font-size:.875rem;background:#0055d414;padding:.15rem .4rem;border-radius:var(--radius-sm)}.status-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-pill);background:var(--color-primary-800);border:1px solid var(--color-surface-card-border);font-size:.75rem;font-weight:600;color:var(--color-text-on-dark)}.status-badge__dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.status-badge__dot--online{background:var(--gradient-status-online);box-shadow:var(--shadow-glow-green)}.status-badge__dot--offline{background:#94a3b8}.status-badge__dot--warning{background:var(--color-warning)}.ui-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 var(--space-5);border-radius:var(--radius-button);font-family:inherit;font-size:.9rem;font-weight:700;cursor:pointer;border:none;transition:opacity .15s ease,transform .15s ease}.ui-btn:hover{opacity:.92}.ui-btn--primary{background:var(--gradient-button-primary);color:var(--color-text-on-light);box-shadow:var(--shadow-button)}.ui-btn--secondary{background:var(--color-surface-secondary-btn);color:var(--color-text-on-dark);border:1px solid var(--color-surface-secondary-border)}.ui-btn--ghost{background:transparent;color:var(--color-text-on-dark);border:1px solid var(--color-surface-secondary-border)}.admin-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-8);background:#ffffff0f;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--color-surface-card-border)}.admin-header-title{margin:0;font-size:1.25rem;font-weight:700;color:var(--color-text-on-dark)}.admin-header-meta{margin:.15rem 0 0;font-size:.85rem;color:var(--color-text-on-dark-muted)}.admin-header-actions{display:flex;align-items:center;gap:var(--space-3)}@media(max-width:768px){.admin-header{padding:var(--space-4)}}.sidebar{width:260px;flex-shrink:0;background:var(--gradient-primary);color:var(--color-text-on-dark);display:flex;flex-direction:column;box-shadow:var(--shadow-sidebar)}.sidebar-header{padding:var(--space-6) var(--space-5);border-bottom:1px solid var(--color-surface-card-border)}.sidebar-logo{display:flex;align-items:center;gap:var(--space-3)}.sidebar-logo-mark{width:40px;height:40px;border-radius:var(--radius-md);background:var(--color-white);display:grid;place-items:center;box-shadow:var(--shadow-button);padding:6px}.sidebar-logo-mark img{width:100%;height:100%;object-fit:contain}.sidebar-brand{margin:0;font-size:.95rem;font-weight:800;letter-spacing:.08em}.sidebar-sub{margin:.25rem 0 0;font-size:.75rem;color:var(--color-text-on-dark-muted)}.sidebar-nav{flex:1;padding:var(--space-4) var(--space-3);display:flex;flex-direction:column;gap:var(--space-1)}.sidebar-link{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);color:var(--color-text-on-dark-muted);text-decoration:none;font-size:.9rem;font-weight:500;transition:background .15s ease,color .15s ease}.sidebar-link:hover{background:#ffffff14;color:var(--color-text-on-dark)}.sidebar-link--active{background:#ffffff1f;color:var(--color-text-on-dark);font-weight:600}.sidebar-footer{padding:var(--space-4) var(--space-5);border-top:1px solid var(--color-surface-card-border);display:flex;flex-direction:column;gap:var(--space-2)}.sidebar-user{margin:0;font-size:.75rem;color:var(--color-text-on-dark-muted);word-break:break-all}.sidebar-link--disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.sidebar-brand-footer{margin:var(--space-2) 0 0;font-size:.65rem;letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-footer)}@media(max-width:768px){.sidebar{width:100%;flex-direction:row;flex-wrap:wrap;align-items:center}.sidebar-nav{flex-direction:row;flex-wrap:wrap;padding:var(--space-2)}.sidebar-footer{display:none}}.admin-layout{display:flex;min-height:100vh}.admin-main{flex:1;display:flex;flex-direction:column;min-width:0}.admin-content{flex:1;padding:var(--space-8);overflow-y:auto}@media(max-width:768px){.admin-layout{flex-direction:column}.admin-content{padding:var(--space-4)}}.collections-hero{background:var(--gradient-card);border:1px solid var(--color-surface-card-border);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:var(--space-6) var(--space-8);margin-bottom:var(--space-6);color:var(--color-text-on-dark)}.collections-hero h2{margin:0 0 var(--space-2);font-size:1.5rem;font-weight:800}.collections-hero p{margin:0;color:var(--color-text-on-dark-muted)}.collections-filters{display:flex;flex-wrap:wrap;gap:var(--space-4);align-items:flex-end;margin-bottom:var(--space-6);padding:var(--space-5);background:var(--gradient-card);border:1px solid var(--color-surface-card-border);border-radius:var(--radius-card)}.collections-filter{display:flex;flex-direction:column;gap:var(--space-2);font-size:.75rem;font-weight:600;color:var(--color-text-on-dark-muted);min-width:140px}.collections-filter select,.collections-filter input{padding:.5rem .75rem;border-radius:var(--radius-md);border:1px solid var(--color-surface-card-border);background:#ffffff0f;color:var(--color-text-on-dark);font-family:inherit;font-size:.875rem}.collections-error{margin:0 0 var(--space-4);padding:var(--space-3);border-radius:var(--radius-md);background:#ea545526;border:1px solid rgba(234,84,85,.4);color:#ffb4b4;font-size:.875rem}.collections-layout{display:grid;grid-template-columns:1fr;gap:var(--space-6)}@media(min-width:1024px){.collections-layout{grid-template-columns:1fr 320px}}.collections-table-wrap{background:var(--gradient-card);border:1px solid var(--color-surface-card-border);border-radius:var(--radius-card);box-shadow:var(--shadow-card);overflow:auto}.collections-table{width:100%;border-collapse:collapse;color:var(--color-text-on-dark)}.collections-table th,.collections-table td{padding:var(--space-3) var(--space-4);text-align:left;border-bottom:1px solid var(--color-surface-card-border);font-size:.875rem}.collections-table th{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-on-dark-muted);font-weight:600}.collections-table tbody tr{cursor:pointer;transition:background .12s ease}.collections-table tbody tr:hover{background:#ffffff0a}.collections-row--selected{background:#ffffff14!important}.collections-empty,.collections-loading{padding:var(--space-8);text-align:center;color:var(--color-text-on-dark-muted)}.collections-status{display:inline-block;padding:.2rem .6rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:600}.collections-status--requested{background:#ffc10726;color:#ffd54f}.collections-status--accepted,.collections-status--in_progress{background:#2196f326;color:#64b5f6}.collections-status--completed{background:#4caf5026;color:#81c784}.collections-status--cancelled,.collections-status--rejected,.collections-status--failed{background:#f4433626;color:#e57373}.collections-detail{background:var(--gradient-card);border:1px solid var(--color-surface-card-border);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:var(--space-6);color:var(--color-text-on-dark);align-self:start;position:sticky;top:var(--space-4)}.collections-detail h3{margin:0 0 var(--space-4);font-size:1.1rem}.collections-detail-list{margin:0;display:flex;flex-direction:column;gap:var(--space-3)}.collections-detail-list div{display:grid;grid-template-columns:90px 1fr;gap:var(--space-2);font-size:.85rem}.collections-detail-list dt{color:var(--color-text-on-dark-muted);font-weight:600}.collections-detail-list dd{margin:0;word-break:break-word}.collections-actions{margin-top:var(--space-5);display:flex;flex-direction:column;gap:var(--space-2)}.collections-actions-label{margin:0 0 var(--space-2);font-size:.75rem;font-weight:600;color:var(--color-text-on-dark-muted);text-transform:uppercase;letter-spacing:.06em}.collections-detail-done{margin:var(--space-5) 0 0;font-size:.85rem;color:var(--color-text-on-dark-muted)}.ui-card{background:var(--gradient-card);border:1px solid var(--color-surface-card-border);border-radius:var(--radius-card);box-shadow:var(--shadow-card);color:var(--color-text-on-dark);overflow:hidden}.ui-card--padded{padding:var(--space-6)}.ui-card__title{margin:0 0 var(--space-2);font-size:1.1rem;font-weight:700}.ui-card__subtitle{margin:0;font-size:.875rem;color:var(--color-text-on-dark-muted)}.ui-card__value{margin:var(--space-4) 0 0;font-size:2rem;font-weight:800;letter-spacing:-.02em}.dashboard-hero{background:var(--gradient-card);border:1px solid var(--color-surface-card-border);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:var(--space-8);margin-bottom:var(--space-8);color:var(--color-text-on-dark)}.dashboard-hero h2{margin:0 0 var(--space-3);font-size:1.75rem;font-weight:800}.dashboard-hero p{margin:0;max-width:36rem;color:var(--color-text-on-dark-muted)}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--space-5);margin-bottom:var(--space-8)}.dashboard-table-wrap{background:var(--gradient-card);border:1px solid var(--color-surface-card-border);border-radius:var(--radius-card);box-shadow:var(--shadow-card);overflow:hidden}.dashboard-table{width:100%;border-collapse:collapse;color:var(--color-text-on-dark)}.dashboard-table th,.dashboard-table td{padding:var(--space-4) var(--space-5);text-align:left;border-bottom:1px solid var(--color-surface-card-border)}.dashboard-table th{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-on-dark-muted);font-weight:600}.dashboard-table tr:last-child td{border-bottom:none}.dashboard-actions{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-5)}.dashboard-actions a{text-decoration:none}.dashboard-loading,.dashboard-error{margin:0 0 var(--space-6);color:var(--color-text-on-dark-muted)}.dashboard-error{color:var(--color-accent-red, #ef4444)}.dashboard-chart-wrap{background:var(--gradient-card);border:1px solid var(--color-surface-card-border);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:var(--space-6) var(--space-8);margin-bottom:var(--space-8);color:var(--color-text-on-dark)}.dashboard-chart-title,.dashboard-table-title{margin:0 0 var(--space-5);font-size:1rem;font-weight:700}.dashboard-chart{display:flex;flex-direction:column;gap:var(--space-3)}.dashboard-chart-row{display:grid;grid-template-columns:7rem 1fr 2.5rem;align-items:center;gap:var(--space-3)}.dashboard-chart-label{font-size:.75rem;color:var(--color-text-on-dark-muted)}.dashboard-chart-bar-track{height:1.25rem;background:#ffffff0f;border-radius:var(--radius-sm, 4px);overflow:hidden}.dashboard-chart-bar{height:100%;border-radius:var(--radius-sm, 4px);min-width:2px;transition:width .3s ease}.dashboard-chart-value{font-size:.875rem;font-weight:600;text-align:right}.dashboard-table-title{padding:var(--space-5) var(--space-5) 0}.dashboard-empty{text-align:center;color:var(--color-text-on-dark-muted);font-style:italic}.dashboard-footer{margin-top:var(--space-8);text-align:center;font-size:.65rem;letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-footer)}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-6);background:var(--gradient-background-radial);background-attachment:fixed}.login-card{width:100%;max-width:420px;padding:var(--space-8);border-radius:var(--radius-2xl);background:var(--gradient-card);border:1px solid var(--color-surface-card-border);box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.login-logo{display:flex;justify-content:center;margin-bottom:var(--space-4)}.login-title{margin:0;text-align:center;font-size:1.75rem;font-weight:700;color:var(--color-text-on-dark)}.login-subtitle{margin:var(--space-3) 0 var(--space-6);text-align:center;font-size:.95rem;color:var(--color-text-on-dark-muted);line-height:1.5}.login-form{display:flex;flex-direction:column;gap:var(--space-4)}.login-field{display:flex;flex-direction:column;gap:var(--space-2);font-size:.875rem;font-weight:600;color:var(--color-text-on-dark-muted)}.login-field input{padding:.75rem 1rem;border-radius:var(--radius-lg);border:1px solid var(--color-surface-card-border);background:#ffffff0f;color:var(--color-text-on-dark);font-size:1rem;font-family:inherit}.login-field input:focus{outline:2px solid var(--color-accent-green);outline-offset:1px}.login-field input::placeholder{color:#ffffff59}.login-error{margin:0;padding:var(--space-3);border-radius:var(--radius-md);background:#ea545526;border:1px solid rgba(234,84,85,.4);color:#ffb4b4;font-size:.875rem}.login-submit{width:100%;margin-top:var(--space-2)}.login-footer{margin:var(--space-6) 0 0;text-align:center;font-size:.8rem;color:var(--color-text-on-dark-muted)}.auth-loading{min-height:100vh;display:flex;align-items:center;justify-content:center;color:var(--color-text-on-dark)}.notifications-hero{margin-bottom:1.5rem}.notifications-hero h2{margin:0 0 .35rem}.notifications-hero p{margin:0;color:var(--color-text-muted, #8aa0a8)}.notifications-filters{display:flex;flex-wrap:wrap;gap:1rem;align-items:flex-end;margin-bottom:1rem}.notifications-filter{display:flex;flex-direction:column;gap:.35rem;min-width:180px}.notifications-filter select{padding:.55rem .75rem;border-radius:.5rem;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;color:inherit}.notifications-table-wrap{overflow-x:auto;border:1px solid rgba(255,255,255,.08);border-radius:.75rem}.notifications-table{width:100%;border-collapse:collapse;font-size:.92rem}.notifications-table th,.notifications-table td{padding:.75rem 1rem;border-bottom:1px solid rgba(255,255,255,.06);text-align:left;vertical-align:top}.notifications-table th{font-weight:600;background:#ffffff08}.notifications-empty,.notifications-loading,.notifications-error{padding:1rem}.notifications-error{color:#ff8a8a}.products-hero,.products-filters,.products-table-wrap,.products-detail{background:var(--gradient-card);border:1px solid var(--color-surface-card-border);border-radius:var(--radius-card);box-shadow:var(--shadow-card);color:var(--color-text-on-dark)}.products-hero{padding:var(--space-6) var(--space-8);margin-bottom:var(--space-6)}.products-hero h2{margin:0 0 var(--space-2);font-size:1.5rem;font-weight:800}.products-hero p{margin:0;color:var(--color-text-on-dark-muted)}.products-filters{display:flex;flex-wrap:wrap;gap:var(--space-4);align-items:flex-end;margin-bottom:var(--space-6);padding:var(--space-5)}.products-filter{display:flex;flex-direction:column;gap:var(--space-2);font-size:.75rem;font-weight:600;color:var(--color-text-on-dark-muted);min-width:160px}.products-filter select,.products-filter input{padding:.5rem .75rem;border-radius:var(--radius-md);border:1px solid var(--color-surface-card-border);background:#ffffff0f;color:var(--color-text-on-dark);font-family:inherit;font-size:.875rem}.products-error{margin:0 0 var(--space-4);padding:var(--space-3);border-radius:var(--radius-md);background:#ea545526;border:1px solid rgba(234,84,85,.4);color:#ffb4b4;font-size:.875rem}.products-layout{display:grid;grid-template-columns:1fr;gap:var(--space-6)}@media(min-width:1024px){.products-layout{grid-template-columns:1fr 340px}}.products-table-wrap{overflow:auto}.products-table{width:100%;border-collapse:collapse}.products-table th,.products-table td{padding:var(--space-3) var(--space-4);text-align:left;border-bottom:1px solid var(--color-surface-card-border);font-size:.875rem}.products-table th{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-on-dark-muted);font-weight:600}.products-table tbody tr{cursor:pointer;transition:background .12s ease}.products-table tbody tr:hover{background:#ffffff0a}.products-row--selected{background:#ffffff14!important}.products-empty,.products-loading{padding:var(--space-8);text-align:center;color:var(--color-text-on-dark-muted)}.products-status{display:inline-block;padding:.2rem .6rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:600}.products-status--draft{background:#ff9f4326;color:#ffcc80}.products-status--published{background:#28c76f26;color:#81c784}.products-status--archived{background:#94a3b826;color:#94a3b8}.products-detail{padding:var(--space-6);align-self:start;position:sticky;top:var(--space-4)}.products-detail h3{margin:0 0 var(--space-4);font-size:1.1rem}.products-detail-list{margin:0;display:flex;flex-direction:column;gap:var(--space-3)}.products-detail-list div{display:grid;grid-template-columns:90px 1fr;gap:var(--space-2);font-size:.85rem}.products-detail-list dt{color:var(--color-text-on-dark-muted);font-weight:600}.products-detail-list dd{margin:0;word-break:break-word}.products-actions{margin-top:var(--space-5);display:flex;flex-direction:column;gap:var(--space-3)}.products-actions-label{margin:0;font-size:.75rem;font-weight:600;color:var(--color-text-on-dark-muted);text-transform:uppercase;letter-spacing:.06em}.products-status-buttons,.products-images{display:flex;flex-wrap:wrap;gap:var(--space-2)}.products-images img{width:88px;height:88px;object-fit:cover;border-radius:var(--radius-md);border:1px solid var(--color-surface-card-border)}.products-no-image{margin:0;color:var(--color-text-on-dark-muted);font-size:.9rem}.products-upload{display:flex;flex-direction:column;gap:var(--space-2);font-size:.9rem}.products-upload input[type=file]{font-size:.85rem}.users-hero,.users-filters,.users-table-wrap,.users-detail{background:var(--gradient-card);border:1px solid var(--color-surface-card-border);border-radius:var(--radius-card);box-shadow:var(--shadow-card);color:var(--color-text-on-dark)}.users-hero{padding:var(--space-6) var(--space-8);margin-bottom:var(--space-6)}.users-hero h2{margin:0 0 var(--space-2);font-size:1.5rem;font-weight:800}.users-hero p{margin:0;color:var(--color-text-on-dark-muted)}.users-filters{display:flex;flex-wrap:wrap;gap:var(--space-4);align-items:flex-end;margin-bottom:var(--space-6);padding:var(--space-5)}.users-filter{display:flex;flex-direction:column;gap:var(--space-2);font-size:.75rem;font-weight:600;color:var(--color-text-on-dark-muted);min-width:160px}.users-filter select,.users-filter input{padding:.5rem .75rem;border-radius:var(--radius-md);border:1px solid var(--color-surface-card-border);background:#ffffff0f;color:var(--color-text-on-dark);font-family:inherit;font-size:.875rem}.users-error{margin:0 0 var(--space-4);padding:var(--space-3);border-radius:var(--radius-md);background:#ea545526;border:1px solid rgba(234,84,85,.4);color:#ffb4b4;font-size:.875rem}.users-layout{display:grid;grid-template-columns:1fr;gap:var(--space-6)}@media(min-width:1024px){.users-layout{grid-template-columns:1fr 340px}}.users-table-wrap{overflow:auto}.users-table{width:100%;border-collapse:collapse}.users-table th,.users-table td{padding:var(--space-3) var(--space-4);text-align:left;border-bottom:1px solid var(--color-surface-card-border);font-size:.875rem}.users-table th{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-on-dark-muted);font-weight:600}.users-table tbody tr{cursor:pointer;transition:background .12s ease}.users-table tbody tr:hover{background:#ffffff0a}.users-row--selected{background:#ffffff14!important}.users-empty,.users-loading{padding:var(--space-8);text-align:center;color:var(--color-text-on-dark-muted)}.users-role{display:inline-block;padding:.2rem .6rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:600}.users-role--user{background:#4caf5026;color:#81c784}.users-role--collector{background:#2196f326;color:#64b5f6}.users-role--admin,.users-role--super_admin{background:#9c27b026;color:#ce93d8}.users-status--active{color:#81c784;font-weight:600}.users-status--inactive{color:#e57373;font-weight:600}.users-detail{padding:var(--space-6);align-self:start;position:sticky;top:var(--space-4)}.users-detail h3{margin:0 0 var(--space-4);font-size:1.1rem}.users-detail-list{margin:0;display:flex;flex-direction:column;gap:var(--space-3)}.users-detail-list div{display:grid;grid-template-columns:80px 1fr;gap:var(--space-2);font-size:.85rem}.users-detail-list dt{color:var(--color-text-on-dark-muted);font-weight:600}.users-detail-list dd{margin:0;word-break:break-word}.users-actions{margin-top:var(--space-5);display:flex;flex-direction:column;gap:var(--space-3)}.users-actions-label{margin:0;font-size:.75rem;font-weight:600;color:var(--color-text-on-dark-muted);text-transform:uppercase;letter-spacing:.06em}.users-role-buttons{display:flex;flex-wrap:wrap;gap:var(--space-2)}.users-permissions{margin-top:var(--space-5);font-size:.8rem;color:var(--color-text-on-dark-muted)}.users-permissions ul{margin:var(--space-2) 0 0;padding-left:var(--space-5)}.users-zone-select{width:100%;padding:.4rem .5rem;border-radius:var(--radius-sm, 6px);border:1px solid rgba(255,255,255,.15);background:#0003;color:var(--color-text-on-dark);font:inherit}.zones-hero{background:var(--gradient-card);border:1px solid var(--color-surface-card-border);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:var(--space-6) var(--space-8);margin-bottom:var(--space-6);color:var(--color-text-on-dark)}.zones-hero h2{margin:0 0 var(--space-2);font-size:1.5rem;font-weight:800}.zones-hero p{margin:0;color:var(--color-text-on-dark-muted)}.zones-hero-actions{margin-top:var(--space-4)}.zones-link{color:var(--color-accent-green, #4caf50);font-size:.875rem;font-weight:600;text-decoration:none}.zones-link:hover{text-decoration:underline}.zones-error{margin:0 0 var(--space-4);padding:var(--space-3);border-radius:var(--radius-md);background:#ea545526;border:1px solid rgba(234,84,85,.4);color:#ffb4b4;font-size:.875rem}.zones-map-placeholder{margin-bottom:var(--space-6);border-radius:var(--radius-card);border:1px dashed var(--color-surface-card-border);background:#ffffff08;min-height:160px;display:flex;align-items:center;justify-content:center}.zones-map-inner{text-align:center;color:var(--color-text-on-dark-muted)}.zones-map-pin{font-size:2rem;display:block;margin-bottom:var(--space-2)}.zones-map-coords{font-size:.75rem;opacity:.7}.zones-loading{text-align:center;color:var(--color-text-on-dark-muted);padding:var(--space-8)}.zones-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-5)}.zones-card{background:var(--gradient-card);border:1px solid var(--color-surface-card-border);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:var(--space-5);color:var(--color-text-on-dark);display:flex;flex-direction:column;gap:var(--space-3)}.zones-card--inactive{opacity:.65}.zones-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-3)}.zones-card-header h3{margin:0;font-size:1.1rem}.zones-badge{font-size:.7rem;font-weight:700;padding:.2rem .5rem;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.zones-badge--active{background:#4caf5026;color:#81c784}.zones-badge--off{background:#f4433626;color:#e57373}.zones-card-city{margin:0;font-size:.8rem;color:var(--color-text-on-dark-muted)}.zones-card-desc{margin:0;font-size:.85rem;flex:1}.zones-card-footer{display:flex;align-items:center;gap:var(--space-3);margin-top:auto;padding-top:var(--space-2)}.zones-filter-link{font-size:.8rem;color:var(--color-text-on-dark-muted);text-decoration:none}.zones-filter-link:hover{color:var(--color-text-on-dark);text-decoration:underline}