:root{--bg:#fff;--bg-soft:#f7f7f7;--card:#fff;--border:#e0e0e0;--border-soft:#eee;--text:#222;--muted:#6a6a6a;--muted-soft:#9a9a9a;--primary:#555;--primary-hover:#333;--primary-soft:#cfcfcf;--primary-tint:#f0f0f0;--primary-ring:rgba(85,85,85,.2);--danger:#c0392b;--success:#2e8b57;--warning:#c98a2b;--info:#555;--sidebar-bg:#f2f2f2;--sidebar-bg-2:#ebebeb;--sidebar-text:#3a3a3a;--sidebar-muted:#7a7a7a;--sidebar-active:#555;--sidebar-hover:rgba(0,0,0,.05);--sidebar-divider:rgba(0,0,0,.08);--shadow-sm:0 1px 2px rgba(0,0,0,.05);--shadow-md:0 4px 14px rgba(0,0,0,.08);--shadow-lg:0 10px 30px rgba(0,0,0,.1)}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;font-size:14px;line-height:1.5;overflow-x:hidden;width:100%}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{color:var(--text)}button{font:inherit;cursor:pointer;border:1px solid transparent;border-radius:8px;padding:8px 16px;background:var(--primary);color:#fff;font-weight:600;transition:background .15s,box-shadow .15s,border-color .15s}button:hover{background:var(--primary-hover)}button:disabled{opacity:.5;cursor:not-allowed}button.secondary{background:#fff;color:var(--text);border-color:var(--border)}button.secondary:hover{background:var(--primary-tint);border-color:var(--primary-soft)}button.danger{background:var(--danger)}button.danger:hover{background:#c9445a}button.ghost{background:transparent;color:var(--text);border-color:var(--border)}button.ghost:hover{background:var(--primary-tint)}input,select,textarea{font:inherit;width:100%;padding:9px 11px;border:1px solid var(--border);border-radius:8px;background:#fff;color:var(--text)}input::placeholder,textarea::placeholder{color:var(--muted-soft)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-ring)}textarea{resize:vertical}.card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:22px;box-shadow:var(--shadow-sm)}.field{margin-bottom:14px}.field label{display:block;margin-bottom:5px;font-weight:600;color:var(--text)}.field .hint{color:var(--muted)}.field .error,.field .hint{font-size:12px;margin-top:5px}.field .error{color:var(--danger)}.btn-row{display:flex;gap:10px;align-items:center}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;border:1px solid var(--border);border-radius:6px;background:var(--card);color:var(--text);cursor:pointer;font-size:15px;line-height:1;text-decoration:none;transition:background .15s,border-color .15s,transform .05s}.icon-btn:hover{background:var(--primary);border-color:var(--primary);color:#fff;text-decoration:none}.icon-btn:active{transform:scale(.95)}.icon-btn:disabled{opacity:.5;cursor:not-allowed}table.data{width:100%;border-collapse:collapse;background:#fff;table-layout:auto}table.data td,table.data th{text-align:left;padding:11px 14px;border-bottom:1px solid var(--border-soft);vertical-align:middle;overflow-wrap:anywhere;word-break:break-word}table.data th{background:var(--primary-tint);color:var(--muted);font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.05em}table.data tr:hover td{background:var(--bg-soft)}table.data tr:last-child td{border-bottom:none}.badge{display:inline-block;padding:3px 10px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.03em;white-space:nowrap}.badge.active{background:#dcfce7;color:var(--success)}.badge.expiring{background:#fef3c7;color:var(--warning)}.badge.expired{background:#fde0e4;color:var(--danger)}.badge.terminated{background:#e5ebf1;color:var(--muted)}.badge.dl-open{background:#e0edfb;color:var(--primary)}.badge.dl-in_progress{background:#fef3c7;color:var(--warning)}.badge.dl-resolved{background:#dcfce7;color:var(--success)}.badge.dl-closed{background:#e5ebf1;color:var(--muted)}.badge.cat-complaint{background:#fde0e4;color:var(--danger)}.badge.cat-compliment{background:#dcfce7;color:var(--success)}.badge.cat-maintenance{background:#fef3c7;color:var(--warning)}.badge.cat-safety{background:#fde0e4;color:var(--danger)}.badge.cat-lost_found{background:#ede0fb;color:#7c3aed}.badge.cat-other{background:#e5ebf1;color:var(--muted)}.layout{display:flex;min-height:100vh;background:var(--bg)}.sidebar{width:72px;background:linear-gradient(180deg,var(--sidebar-bg) 0,var(--sidebar-bg-2) 100%);color:var(--sidebar-text);padding:16px 0;flex-shrink:0;position:relative;transition:width .18s ease;overflow:hidden;z-index:20;box-shadow:var(--shadow-md)}.sidebar:hover{width:232px}.sidebar .brand{font-size:15px;font-weight:700;color:#fff;padding:0 18px 18px;white-space:nowrap;border-bottom:1px solid var(--sidebar-divider);margin-bottom:12px}.sidebar .brand .brand-icon{font-size:20px;vertical-align:middle}.sidebar .brand .brand-text{opacity:0;transition:opacity .18s ease .08s}.sidebar:hover .brand .brand-text{opacity:1}.sidebar nav a{display:flex;align-items:center;gap:14px;padding:11px 24px;color:var(--sidebar-text);white-space:nowrap;border-left:3px solid transparent;transition:background .15s,color .15s,border-color .15s}.sidebar nav a .nav-icon{font-size:18px;width:24px;text-align:center;flex-shrink:0}.sidebar nav a .nav-label{opacity:0;transition:opacity .18s ease .08s}.sidebar:hover nav a .nav-label{opacity:1}.sidebar nav a:hover{background:var(--sidebar-hover);text-decoration:none;color:#fff}.sidebar nav a.active{background:var(--sidebar-hover);border-left-color:var(--sidebar-active);color:#fff}.sidebar .sidebar-footer{margin-top:22px;padding:16px 18px 8px;border-top:1px solid var(--sidebar-divider);white-space:nowrap;overflow:hidden}.sidebar .sidebar-footer .user-name{color:#fff;font-weight:600;font-size:13px}.sidebar .sidebar-footer .user-email{color:var(--sidebar-muted);font-size:12px}.sidebar .sidebar-footer .signout-label,.sidebar .sidebar-footer .user-info{opacity:0;transition:opacity .18s ease .08s}.sidebar:hover .sidebar-footer .signout-label,.sidebar:hover .sidebar-footer .user-info{opacity:1}.sidebar .role-chip{margin-top:4px;font-size:11px;color:var(--sidebar-muted)}.main{flex:1 1;padding:28px;overflow-x:auto;min-width:0}.app-header{display:flex;align-items:center;gap:12px;padding:0 0 22px;margin-bottom:24px;border-bottom:1px solid var(--border)}.app-header .app-title{font-size:20px;font-weight:700;color:var(--text);margin:0;letter-spacing:-.01em}.app-header .app-subtitle{font-size:12px;color:var(--muted);font-weight:500}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;gap:12px}.page-header h1{margin:0;font-size:22px}.alert{padding:11px 15px;border-radius:8px;margin-bottom:14px;font-weight:500}.alert.error{background:#fde8ec;color:#8a1f33}.alert.success{background:#ddf3e5;color:#14532d}.hub-card{display:block;padding:24px;background:var(--card);border:1px solid var(--border);border-radius:14px;text-decoration:none;color:var(--text);box-shadow:var(--shadow-sm);transition:border-color .15s,box-shadow .18s,transform .18s}.hub-card:hover{border-color:var(--primary-soft);box-shadow:var(--shadow-md);transform:translateY(-2px);text-decoration:none}.hub-card .hub-icon{font-size:30px;margin-bottom:12px}.hub-card .hub-label{font-size:17px;font-weight:700;color:var(--text)}.hub-card .hub-desc{color:var(--muted);font-size:13px;margin-top:5px}.welcome-banner{background:linear-gradient(135deg,#4a90e2,#6ba8e8);color:#fff;border-radius:14px;padding:22px 24px;margin-bottom:24px;box-shadow:var(--shadow-md)}.welcome-banner .wb-greeting{font-size:17px;font-weight:700}.welcome-banner .wb-sub{font-size:13px;opacity:.9;margin-top:4px}