:root{--paper:#f3f5f2;--paper-rgb:243, 245, 242;--panel:#fff;--panel-rgb:255, 255, 255;--ink:#182521;--ink-rgb:24, 37, 33;--ink-soft:#5b6b65;--ink-muted:#8a9994;--line:#dde3df;--line-light:#eef1ef;--teal:#146c6b;--teal-rgb:20, 108, 107;--teal-light:#1a8a89;--teal-soft:#e4efee;--teal-glow:#146c6b26;--amber:#d9a441;--amber-soft:#fdf5e6;--coral:#e1584f;--coral-soft:#fbe7e4;--gradient-brand:linear-gradient(135deg, #146c6b 0%, #3672c6 100%);--gradient-login-bg:linear-gradient(135deg, #0f3d3c 0%, #1a4a5e 30%, #2a5470 60%, #0f3d3c 100%);--gradient-card-border:linear-gradient(135deg, #146c6b4d, #3672c626, #146c6b0d);--shadow-xs:0 1px 2px #1825210a;--shadow-sm:0 1px 2px #1825210f, 0 4px 12px #1825210a;--shadow-md:0 2px 4px #1825210f, 0 8px 24px #1825210f;--shadow-lg:0 4px 8px #1825210f, 0 16px 40px #1825211a;--shadow-glow:0 0 20px #146c6b1f;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-full:999px;--font-display:"Space Grotesk", sans-serif;--font-body:"Inter", sans-serif;--font-mono:"JetBrains Mono", monospace;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--duration-fast:.15s;--duration-normal:.25s;--duration-slow:.4s}*,:before,:after{box-sizing:border-box}body{background:var(--paper);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-size:14px;line-height:1.5}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:-.01em;margin:0}p{margin:0}a{color:inherit;text-decoration:none}button,input,select{font-family:var(--font-body)}.mono{font-family:var(--font-mono)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes float{0%,to{transform:translateY(0)rotate(0)}33%{transform:translateY(-12px)rotate(1deg)}66%{transform:translateY(6px)rotate(-1deg)}}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes rowEnter{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--line);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--ink-muted)}.layout{padding:32px}@media (width<=768px){.layout{padding:16px}}.login-screen{background:#ece4d5;justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex;position:relative;overflow:hidden}.login-bg-mesh{z-index:1;background-image:radial-gradient(at 40% 20%,#7affff1a 0,#0000 50%),radial-gradient(at 80% 0,#1fddff26 0,#0000 50%),radial-gradient(at 0%,#ffdbde1a 0,#0000 50%);position:absolute;inset:0}.login-orb{filter:blur(60px);z-index:1;opacity:.6;border-radius:50%;position:absolute}.orb-1{background:var(--teal);width:300px;height:300px;animation:8s ease-in-out infinite float;top:-100px;right:-50px}.orb-2{background:#3672c6;width:400px;height:400px;animation:12s ease-in-out infinite reverse float;bottom:-150px;left:-100px}.login-card{z-index:10;-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg), 0 0 0 1px #fff3 inset;width:100%;max-width:420px;animation:slideUp var(--duration-slow) var(--ease-out);background:#ffffffe6;border:1px solid #ffffff80;padding:40px 32px;position:relative}.login-header{text-align:center;margin-bottom:32px}.login-mark{border-radius:var(--radius-md);background:var(--gradient-brand);color:#fff;width:56px;height:56px;box-shadow:var(--shadow-glow);justify-content:center;align-items:center;margin:0 auto 20px;display:flex}.login-header h1{color:var(--ink);margin-bottom:8px;font-size:24px}.login-header p.sub{color:var(--ink-soft);font-size:14px}.login-field{margin-bottom:20px}.login-field label{color:var(--ink-soft);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;font-size:12px;font-weight:600;display:block}.login-field input{border:1px solid var(--line);border-radius:var(--radius-md);width:100%;font-family:var(--font-body);transition:all var(--duration-fast) ease;background:#fffc;padding:12px 16px;font-size:15px}.login-field input:focus{border-color:var(--teal);box-shadow:0 0 0 3px var(--teal-glow);background:#fff;outline:none}.login-btn{border-radius:var(--radius-md);background:var(--ink);color:#fff;cursor:pointer;width:100%;transition:all var(--duration-normal) var(--ease-out);border:none;margin-top:8px;padding:14px;font-size:15px;font-weight:600}.login-btn:hover{background:#000;transform:translateY(-2px);box-shadow:0 8px 20px #18252133}.login-btn:active{transform:translateY(0)}.login-error{background:var(--coral-soft);color:var(--coral);border-radius:var(--radius-sm);animation:shake .5s var(--ease-out);align-items:center;gap:8px;margin-bottom:20px;padding:12px 16px;font-size:13px;font-weight:500;display:flex}.login-hint{background:var(--teal-soft);border-radius:var(--radius-sm);color:var(--teal);text-align:center;border:1px dashed #146c6b4d;margin-top:24px;padding:14px 16px;font-size:13px}@media (width<=480px){.login-card{padding:32px 20px}.login-screen{padding:16px}}.topbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);z-index:100;animation:slideDown var(--duration-normal) var(--ease-out);background:#fffffff2;justify-content:space-between;align-items:center;padding:16px 28px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:14px;display:flex}.brand-mark{border-radius:var(--radius-sm);background:var(--gradient-brand);color:#fff;width:40px;height:40px;box-shadow:var(--shadow-sm);flex-shrink:0;justify-content:center;align-items:center;display:flex}.brand-text{border-left:1px solid var(--line);padding-left:14px}.brand h1{color:var(--ink);font-size:18px}.brand p{color:var(--ink-soft);margin:2px 0 0;font-size:12px}.topbar-right{align-items:center;gap:16px;display:flex}.user-pill{background:var(--teal-soft);color:var(--teal);border-radius:var(--radius-full);align-items:center;gap:8px;padding:8px 14px;font-size:13px;font-weight:600;display:flex}.btn{border-radius:var(--radius-sm);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);border:none;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-size:13px;font-weight:600;display:inline-flex}.btn-primary{background:var(--ink);color:#fff}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #18252133}.btn-primary:active{transform:translateY(0)}.btn-ghost{color:var(--ink-soft);border:1px solid var(--line);background:0 0}.btn-ghost:hover{border-color:var(--ink);color:var(--ink);background:var(--paper)}.bell-wrap{position:relative}.bell-btn{border-radius:var(--radius-sm);border:1px solid var(--line);cursor:pointer;width:40px;height:40px;color:var(--ink-soft);transition:all var(--duration-fast) ease;background:#fff;justify-content:center;align-items:center;display:flex;position:relative}.bell-btn:hover,.bell-btn.active{border-color:var(--ink);color:var(--ink);background:var(--paper)}.bell-dot{background:var(--coral);border:1px solid #fff;border-radius:50%;width:6px;height:6px;position:absolute;top:8px;right:10px}.bell-dropdown{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-md);width:280px;box-shadow:var(--shadow-lg);animation:scaleIn var(--duration-fast) var(--ease-spring);transform-origin:100% 0;padding:20px;position:absolute;top:50px;right:0}.bell-dropdown h3{margin-bottom:8px;font-size:14px}.bell-dropdown p{color:var(--ink-soft);margin-bottom:12px;font-size:13px}.soon-badge{background:var(--amber-soft);color:#8a5a16;border-radius:var(--radius-full);letter-spacing:.05em;text-transform:uppercase;padding:4px 10px;font-size:11px;font-weight:700;animation:2s infinite pulse;display:inline-block}@media (width<=768px){.brand-text p,.user-pill span{display:none}.topbar{flex-wrap:wrap;padding:12px 16px}.topbar-right{gap:12px}.btn{white-space:nowrap}}@media (width<=480px){.topbar{justify-content:center;gap:10px;padding:10px 12px}.brand{justify-content:center;width:100%}.topbar-right{justify-content:center;gap:12px;width:100%}.bell-btn{width:34px;height:34px}.user-pill{padding:6px 12px}.btn{padding:6px 16px;font-size:13px}}.stats-grid{grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:12px;display:grid}.stat-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:all var(--duration-normal) var(--ease-out);align-items:center;gap:16px;padding:12px 16px;display:flex;position:relative;overflow:hidden}.stat-card:after{content:"";border-radius:var(--radius-md);background:var(--gradient-card-border);-webkit-mask-composite:xor;pointer-events:none;opacity:0;transition:opacity var(--duration-normal) ease;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-card:hover:after{opacity:1}.stat-icon{border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.stat-icon.teal{background:var(--teal-soft);color:var(--teal)}.stat-icon.amber{background:var(--amber-soft);color:var(--amber)}.stat-icon.coral{background:var(--coral-soft);color:var(--coral)}.stat-icon.brand{background:var(--gradient-brand);color:#fff}.stat-info h3{font-family:var(--font-body);color:var(--ink-soft);text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px;font-size:12.5px}.stat-value{font-family:var(--font-display);color:var(--ink);font-size:20px;font-weight:700;line-height:1.1}@media (width<=992px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=576px){.stats-grid{grid-template-columns:1fr}}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);margin-bottom:16px;padding:16px}.filters-card{padding-bottom:12px}.filter-grid{align-items:start;gap:24px;display:flex}.filter-grid>*{flex:1;max-width:320px}.field-group label{min-height:28px;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.05em;align-items:center;margin-bottom:8px;font-size:12px;font-weight:600;display:flex}.custom-dropdown{border:1px solid var(--line);border-radius:var(--radius-sm);width:100%;font-family:var(--font-body);color:var(--ink);cursor:pointer;transition:all var(--duration-fast) ease;background:#fff;outline:none;font-size:14px;position:relative}.custom-dropdown:focus,.custom-dropdown.open{border-color:var(--teal);box-shadow:0 0 0 3px var(--teal-glow)}.dropdown-selected{-webkit-user-select:none;user-select:none;padding:10px 36px 10px 14px}.custom-dropdown:after{content:"";border-right:2px solid var(--ink-soft);border-bottom:2px solid var(--ink-soft);pointer-events:none;width:8px;height:8px;transition:transform .2s;position:absolute;top:50%;right:14px;transform:translateY(-65%)rotate(45deg)}.custom-dropdown.open:after{transform:translateY(-30%)rotate(225deg)}.dropdown-options{border:1px solid var(--line);border-radius:var(--radius-sm);z-index:100;opacity:0;visibility:hidden;background:#fff;width:100%;transition:all .2s;position:absolute;top:calc(100% + 4px);left:0;overflow:hidden;transform:translateY(-5px);box-shadow:0 4px 16px #0000001a}.dropdown-options.show{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-option{-webkit-user-select:none;user-select:none;padding:10px 14px;transition:background .15s,color .15s}.dropdown-option:hover{background:var(--paper,#f8f9fa)}.dropdown-option.selected{background:var(--teal-soft,#e6f3f2);color:var(--primary-color,#146c6b);font-weight:600}.date-label-row{justify-content:space-between;align-items:center;min-height:28px;margin-bottom:8px;display:flex}.date-label-row label{min-height:0;margin-bottom:0}.tab-row{background:var(--paper);border-radius:6px;gap:4px;padding:4px;display:flex}.tab-btn{color:var(--ink-soft);cursor:pointer;transition:all var(--duration-fast) ease;background:0 0;border:none;border-radius:4px;padding:4px 12px;font-size:11.5px;font-weight:600}.tab-btn.active{color:var(--ink);box-shadow:var(--shadow-xs);background:#fff}.date-input-row{animation:fadeIn var(--duration-fast) ease;align-items:center;gap:12px;display:flex}.date-input-row input[type=date]{border:1px solid var(--line);border-radius:var(--radius-sm);min-width:0;font-family:var(--font-body);color:var(--ink);transition:all var(--duration-fast) ease;background:#fff;flex:1;padding:9px 12px;font-size:13.5px}.date-input-row input:focus{border-color:var(--teal);box-shadow:0 0 0 3px var(--teal-glow);outline:none}.date-sep{color:var(--ink-soft);flex-shrink:0;font-size:14px}.reset-row{border-top:1px dashed var(--line);justify-content:space-between;align-items:center;margin-top:12px;padding:12px 0 0;display:flex}.reset-link{color:var(--coral);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--duration-fast) ease;background:0 0;border:none;margin-left:-8px;padding:8px;font-size:13px;font-weight:600}.reset-link:hover{background:var(--coral-soft)}@media (width<=768px){.filter-grid{flex-direction:column;gap:16px}.filter-grid>*{max-width:100%}}.data-preview{flex-direction:column;width:100%;min-width:0;display:flex;overflow:hidden}.preview-head{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.head-left{align-items:center;gap:12px;display:flex}.head-left h2{color:var(--ink);font-size:15px}.badge{background:var(--paper);color:var(--ink-soft);border-radius:var(--radius-full);border:1px solid var(--line);padding:4px 8px;font-size:11px;font-weight:600}.preview-head .note{color:var(--ink-muted);font-size:12.5px}.table-scroll{border:1px solid var(--line);border-radius:var(--radius-sm);background:#fff;flex:1;overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:900px}thead th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-soft);border-bottom:1px solid var(--line);border-right:1px solid var(--line-light);background:var(--paper);white-space:nowrap;z-index:10;padding:12px 16px;font-size:11.5px;font-weight:600;position:sticky;top:0}tbody tr{animation:rowEnter var(--duration-normal) var(--ease-out) forwards;animation-delay:var(--anim-delay);opacity:0;transition:background-color var(--duration-fast) ease}tbody td{border-bottom:1px solid var(--line-light);border-right:1px solid var(--line-light);white-space:nowrap;vertical-align:middle;padding:12px 16px;font-size:13.5px}thead th:last-child,tbody td:last-child{border-right:none}tbody tr:last-child td{border-bottom:none}tbody tr:hover{background:var(--teal-soft)}.name-cell{align-items:center;gap:10px;font-weight:500;display:flex}.avatar{background:var(--gradient-brand);color:#fff;letter-spacing:1px;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:10px;font-weight:700;display:flex}.loc-badge{border-radius:var(--radius-full);align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.loc-badge .dot{border-radius:50%;width:6px;height:6px}.date-cell{color:var(--ink-soft);font-size:13px}.address-cell{white-space:nowrap;text-overflow:ellipsis;cursor:pointer;max-width:200px;overflow:hidden}.empty-row:hover{background:0 0}.empty-state{text-align:center;opacity:0;animation:slideUp var(--duration-normal) var(--ease-out) forwards;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.empty-icon{background:var(--paper);width:64px;height:64px;color:var(--ink-muted);border-radius:50%;justify-content:center;align-items:center;margin-bottom:16px;display:flex}.empty-state h3{color:var(--ink);margin-bottom:6px;font-size:16px}.empty-state p{color:var(--ink-soft);max-width:300px;font-size:13.5px}.modern-pagination{border-top:1px dashed var(--line);justify-content:flex-end;align-items:center;gap:8px;margin-top:16px;padding-top:16px;display:flex}.modern-page-arrow,.modern-page-num{background:var(--surface);min-width:36px;height:36px;color:var(--ink);cursor:pointer;transition:all var(--duration-fast) ease;border:none;border-radius:8px;justify-content:center;align-items:center;padding:0 8px;font-size:14px;font-weight:500;display:flex}.modern-page-arrow{color:var(--ink-soft)}.modern-page-arrow:hover:not(:disabled){background:#e8edeb}.modern-page-arrow:disabled{opacity:.3;cursor:not-allowed}.modern-page-num:hover:not(.active){background:#e8edeb}.modern-page-num.active{color:#3a82f6;background:#ebf3ff;border:1px solid #3a82f6;font-weight:600}.modern-page-ellipsis{color:var(--ink-muted);padding:0 4px;font-weight:600}.modern-page-size select{border:1px solid var(--line);background:var(--surface);height:36px;color:var(--ink);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;border-radius:8px;margin-left:12px;padding:0 32px 0 12px;font-size:14px;font-weight:500}.modern-page-size select:hover{border-color:#aaa}.modern-page-size select:focus{border-color:#3a82f6;outline:none}@media (width<=768px){.preview-head{flex-direction:column;align-items:flex-start;gap:12px}.modern-pagination{flex-wrap:wrap;justify-content:center}}.citizen-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0006;justify-content:center;align-items:center;animation:.2s ease-out modalFadeIn;display:flex;position:fixed;inset:0}.citizen-modal-content{border-radius:var(--radius-lg,12px);background:#fff;width:90%;max-width:500px;max-height:80vh;animation:.3s ease-out modalSlideUp;overflow-y:auto;box-shadow:0 10px 40px #00000026}.citizen-modal-header{border-bottom:1px solid var(--line,#e2e8f0);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.citizen-modal-header h3{color:var(--ink,#1e293b);margin:0;font-size:18px}.close-btn{cursor:pointer;color:var(--ink-soft,#64748b);background:0 0;border:none;font-size:24px;line-height:1}.close-btn:hover{color:var(--ink,#1e293b)}.citizen-modal-body{grid-template-columns:repeat(2,1fr);gap:20px 16px;padding:24px;display:grid}.detail-item{flex-direction:column;gap:6px;display:flex}.detail-item .label{color:var(--ink-soft,#64748b);font-size:13px;font-weight:500}.detail-item .value{color:var(--ink,#1e293b);word-break:break-word;font-size:15px;font-weight:500;line-height:1.4}.detail-item.full-width{grid-column:1/-1}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}