@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-space-y-reverse:0;--tw-border-style:solid;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-50:#fef2f2;--color-red-100:#ffe2e2;--color-red-200:#ffcaca;--color-red-600:#e40014;--color-red-800:#9f0712;--color-green-50:#f0fdf4;--color-green-100:#dcfce7;--color-green-200:#b9f8cf;--color-green-600:#00a544;--color-green-800:#016630;--color-blue-50:#eff6ff;--color-blue-200:#bedbff;--color-blue-600:#155dfc;--color-blue-700:#1447e6;--color-blue-800:#193cb8;--color-gray-50:#f9fafb;--color-gray-200:#e5e7eb;--color-gray-400:#99a1af;--color-gray-500:#6a7282;--color-gray-600:#4a5565;--color-gray-800:#1e2939;--color-gray-900:#101828;--color-white:#fff;--spacing:.25rem;--container-md:28rem;--container-2xl:42rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-6xl:3.75rem;--text-6xl--line-height:1;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}@supports (color:lab(0% 0 0)){:root,:host{--color-red-50:lab(96.5005% 4.18508 1.52328);--color-red-100:lab(92.243% 10.2865 3.83865);--color-red-200:lab(86.017% 19.8815 7.75869);--color-red-600:lab(48.4493% 77.4328 61.5452);--color-red-800:lab(33.7174% 55.8993 41.0293);--color-green-50:lab(98.1563% -5.60117 2.75915);--color-green-100:lab(96.1861% -13.8464 6.52365);--color-green-200:lab(92.4222% -26.4702 12.9427);--color-green-600:lab(59.0978% -58.6621 41.2579);--color-green-800:lab(37.4616% -36.7971 22.9692);--color-blue-50:lab(96.492% -1.14644 -5.11479);--color-blue-200:lab(86.15% -4.04379 -21.0797);--color-blue-600:lab(44.0605% 29.0279 -86.0352);--color-blue-700:lab(36.9089% 35.0961 -85.6872);--color-blue-800:lab(30.2514% 27.7853 -70.2699);--color-gray-50:lab(98.2596% -.247031 -.706708);--color-gray-200:lab(91.6229% -.159115 -2.26791);--color-gray-400:lab(65.9269% -.832707 -8.17473);--color-gray-500:lab(47.7841% -.393182 -10.0268);--color-gray-600:lab(35.6337% -1.58697 -10.8425);--color-gray-800:lab(16.1051% -1.18239 -11.7533);--color-gray-900:lab(8.11897% .811279 -12.254)}}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.mx-auto{margin-inline:auto}.mt-1{margin-top:var(--spacing)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.mb-8{margin-bottom:calc(var(--spacing) * 8)}.ml-auto{margin-left:auto}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.h-full{height:100%}.min-h-full{min-height:100%}.min-h-screen{min-height:100vh}.max-w-2xl{max-width:var(--container-2xl)}.max-w-md{max-width:var(--container-md)}.resize{resize:both}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-2{gap:calc(var(--spacing) * 2)}.gap-4{gap:calc(var(--spacing) * 4)}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}.rounded{border-radius:.25rem}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-blue-200{border-color:var(--color-blue-200)}.border-gray-200{border-color:var(--color-gray-200)}.border-green-200{border-color:var(--color-green-200)}.border-red-200{border-color:var(--color-red-200)}.bg-blue-50{background-color:var(--color-blue-50)}.bg-blue-600{background-color:var(--color-blue-600)}.bg-gray-50{background-color:var(--color-gray-50)}.bg-green-50{background-color:var(--color-green-50)}.bg-green-100{background-color:var(--color-green-100)}.bg-red-50{background-color:var(--color-red-50)}.bg-red-100{background-color:var(--color-red-100)}.p-4{padding:calc(var(--spacing) * 4)}.p-8{padding:calc(var(--spacing) * 8)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-6{padding-inline:calc(var(--spacing) * 6)}.py-1{padding-block:var(--spacing)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.text-center{text-align:center}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.text-blue-800{color:var(--color-blue-800)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-800{color:var(--color-gray-800)}.text-gray-900{color:var(--color-gray-900)}.text-green-600{color:var(--color-green-600)}.text-green-800{color:var(--color-green-800)}.text-red-600{color:var(--color-red-600)}.text-red-800{color:var(--color-red-800)}.text-white{color:var(--color-white)}.uppercase{text-transform:uppercase}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}@media (hover:hover){.hover\:bg-blue-700:hover{background-color:var(--color-blue-700)}}.disabled\:opacity-50:disabled{opacity:.5}}:root{--color-bg:#faf8f5;--color-header-bg:#faf8f5bf;--color-border:#e5e2dc;--color-text:#2b2824;--color-muted:#9c958c;--color-primary:#d97706;--color-primary-hover:#b45309;--color-primary-bg:#fef3c7;--color-primary-glow:#d9770626;--color-accent:#2563eb;--color-accent-hover:#1d4ed8;--color-accent-alt:#059669;--color-accent-glow:#2563eb1a;--color-success:#059669;--color-success-bg:#ecfdf5;--color-warning:#d97706;--color-warning-bg:#fffbeb;--color-danger:#dc2626;--color-danger-bg:#fef2f2;--color-pill-bg:#f0eeea;--color-badge-open:#e5e2dc;--color-badge-progress:#d4d0c8;--color-badge-resolved:#a8a29e;--color-placeholder:#f0eeea;--color-surface:#fff;--color-surface-hover:#f8f6f3;--color-card-bg:#fff;--color-heading:#1c1917;--color-bg-gray:#f0eeea;--color-bg-blue:#eff6ff;--font-display:"Poppins", system-ui, sans-serif;--font-body:"Inter", system-ui, sans-serif;--font-mono:"SF Mono", "Fira Code", monospace;--header-h:64px;--sidebar-w:260px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-full:9999px;--max-content:1280px;--shadow-sm:0 1px 2px #1c19170a;--shadow-md:0 4px 12px #1c19170f, 0 1px 3px #1c19170a;--shadow-lg:0 8px 28px #1c191714, 0 2px 8px #1c19170a;--shadow-xl:0 16px 48px #1c19171a, 0 4px 16px #1c19170d;--shadow-glow:0 4px 20px #d977062e;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--section-py:80px;--section-px:24px;--gap-grid:24px;--max-text:720px}.dark-mode{--color-bg:#0c0a16;--color-header-bg:#0c0a16d1;--color-border:#a78bfa1f;--color-text:#e2def0;--color-muted:#9188b0;--color-primary:#c084fc;--color-primary-hover:#d8b4fe;--color-primary-bg:#c084fc1f;--color-primary-glow:#c084fc33;--color-accent:#f472b6;--color-accent-hover:#f9a8d4;--color-accent-alt:#34d399;--color-accent-glow:#f472b626;--color-success:#34d399;--color-success-bg:#34d39914;--color-warning:#fbbf24;--color-warning-bg:#fbbf2414;--color-danger:#fb7185;--color-danger-bg:#fb718514;--color-pill-bg:#ffffff0a;--color-badge-open:#ffffff0f;--color-badge-progress:#ffffff1a;--color-badge-resolved:#ffffff26;--color-placeholder:#120e2299;--color-surface:#262038bf;--color-surface-hover:#302846d9;--color-card-bg:#262038d9;--color-heading:#f1f0f8;--color-bg-gray:#ffffff05;--color-bg-blue:#c084fc14;--shadow-sm:0 1px 2px #0003;--shadow-md:0 4px 12px #0000004d;--shadow-lg:0 8px 28px #0006;--shadow-xl:0 16px 48px #00000080;--shadow-glow:0 4px 20px #c084fc40}*,:before,:after{box-sizing:border-box}body,body:before,.site-header,.sidebar,.dark-mode body:before{transition:background .4s var(--ease-in-out), color .4s var(--ease-in-out), border-color .3s var(--ease-out), box-shadow .3s var(--ease-out)}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;margin:0;padding:0}.dark-mode html,.dark-mode{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background .4s var(--ease-in-out), color .4s var(--ease-in-out);margin:0;padding:0;font-size:16px;line-height:1.6}body:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(farthest-side at 10% 15%,#d977060f 0%,#0000 55%),radial-gradient(farthest-side at 90% 80%,#2563eb08 0%,#0000 55%),radial-gradient(farthest-side at 50% 0,#d9770605 0%,#0000 45%);position:fixed;inset:0}.dark-mode body:before{background:radial-gradient(farthest-side at 15% 20%,#c084fc24 0%,#0000 55%),radial-gradient(farthest-side at 85% 75%,#f472b614 0%,#0000 55%),radial-gradient(farthest-side,#a78bfa0a 0%,#0000 50%)}html{overflow-y:scroll}button{cursor:pointer;background:0 0;border:none;font-family:inherit}a{color:inherit;text-decoration:none;transition:color .15s}ul{margin:0;padding:0;list-style:none}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.site-header{z-index:50;height:var(--header-h);-webkit-backdrop-filter:blur(24px)saturate(180%);border-bottom:1px solid var(--color-border);box-shadow:inset 0 1px 0 #fff9, var(--shadow-sm);background:#faf8f5b3;position:fixed;top:0;left:0;right:0}.dark-mode .site-header{background:#0c0a16c7;border-bottom-color:#a78bfa14;box-shadow:inset 0 1px #ffffff08}.header-inner{align-items:center;gap:20px;height:100%;padding:0 24px;display:flex}.logo{font-family:var(--font-display);white-space:nowrap;letter-spacing:-.03em;color:var(--color-heading);font-size:20px;font-weight:700}.logo-accent{color:var(--color-primary)}.menu-toggle{flex-direction:column;flex-shrink:0;justify-content:center;gap:4px;width:32px;height:32px;padding:4px;display:none}.menu-toggle span{background:var(--color-text);border-radius:2px;height:2px;display:block}.search-box{border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-placeholder);flex:1;align-items:center;gap:8px;max-width:200px;padding:8px 14px;transition:border-color .2s,box-shadow .2s;display:flex}.search-box:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-glow)}.search-icon{width:16px;height:16px;color:var(--color-muted);flex-shrink:0}.search-box input{width:100%;font-size:13px;font-family:var(--font-body);background:0 0;border:none;outline:none}.header-actions{flex-shrink:0;align-items:center;gap:16px;margin-left:auto;display:flex}.header-user{color:var(--color-text);white-space:nowrap;font-size:14px;font-weight:600}.user-dropdown{position:relative}.user-avatar-btn{background:linear-gradient(135deg, var(--color-primary), var(--color-accent));color:#fff;cursor:pointer;width:36px;height:36px;box-shadow:0 0 0 1.5px var(--color-primary), 0 2px 8px #0000000f;border:2px solid #fffc;border-radius:50%;justify-content:center;align-items:center;font-size:14px;font-weight:700;transition:box-shadow .2s,transform .2s;display:flex;position:relative}.user-avatar-btn:hover{box-shadow:0 0 0 3px var(--color-primary), 0 4px 16px var(--color-primary-glow);opacity:.85;box-shadow:0 0 0 3px var(--color-primary);transform:scale(1.06)}.user-avatar-img{object-fit:cover;border-radius:50%;width:100%;height:100%}.user-dropdown-menu{background:var(--color-header-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:1000;min-width:200px;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden}.user-dropdown-header{border-bottom:1px solid var(--color-border);flex-direction:column;gap:2px;padding:12px 16px;display:flex}.user-dropdown-name{color:var(--color-text);font-size:14px;font-weight:600}.user-dropdown-username{color:var(--color-muted);font-size:12px}.user-dropdown-item{color:var(--color-text);cursor:pointer;text-align:left;width:100%;font-size:14px;font-family:var(--font-body);background:0 0;border:none;align-items:center;gap:10px;padding:10px 16px;text-decoration:none;transition:background .12s;display:flex}.user-dropdown-item:hover{background:var(--color-pill-bg)}.user-dropdown-item svg{color:var(--color-muted);flex-shrink:0}.dark-mode .user-dropdown-menu{background:var(--color-card-bg);border-color:var(--color-border);box-shadow:var(--shadow-xl)}.dark-mode .user-dropdown-item:hover{background:var(--color-pill-bg)}.btn{font-family:var(--font-display);border-radius:var(--radius-sm);transition:all .2s var(--ease-out);cursor:pointer;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;line-height:1.4;display:inline-flex}.btn:hover{opacity:.9}.btn:active{transform:translateY(1px)}.btn-text{color:var(--color-text);background:0 0}.profile-icon-btn{width:40px;height:40px;color:var(--color-text);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;transition:background .2s,color .2s,transform .15s;display:flex}.profile-icon-btn:hover{background:var(--color-pill-bg);color:var(--color-text);transform:scale(1.1)}.profile-icon-btn:active{transform:scale(.92)}.btn-primary{background:var(--color-primary);color:#0a0612;font-weight:700;transition:all .2s;box-shadow:0 2px 8px #a1620733}.btn-primary:hover{opacity:.9;box-shadow:var(--shadow-glow), 0 4px 16px #a1620740;transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)scale(.97)}.dark-mode .btn-primary{color:#0a0612;box-shadow:0 2px 8px #a855f733}.dark-mode .btn-primary:hover{box-shadow:var(--shadow-glow), 0 4px 16px #a855f740}.layout{grid-template-columns:var(--sidebar-w) 1fr;padding-top:var(--header-h);align-items:start;display:grid;position:relative}.sidebar{top:var(--header-h);width:var(--sidebar-w);height:calc(100vh - var(--header-h));z-index:40;border-right:1px solid var(--color-border);-webkit-backdrop-filter:blur(20px)saturate(160%);background:#faf8f599;flex-direction:column;justify-content:space-between;padding:28px 0;display:flex;position:fixed;left:0;box-shadow:inset 0 1px #ffffff80}.dark-mode .sidebar{-webkit-backdrop-filter:blur(20px)saturate(160%);background:#0c0a16b8;border-right-color:#a78bfa14;box-shadow:inset 0 1px #ffffff08}.side-nav{flex-direction:column;gap:4px;padding:0 20px;display:flex}.side-link{min-height:44px;font-family:var(--font-display);color:var(--color-muted);text-align:left;border-radius:var(--radius-sm);align-items:center;gap:12px;padding:10px 12px;font-size:15px;font-weight:500;transition:all .18s;display:flex}.side-link svg{flex-shrink:0;width:20px;height:20px}.side-link:hover{color:var(--color-text);background:var(--color-pill-bg)}.side-link.active{color:var(--color-primary);background:var(--color-primary-bg);font-weight:600}.copyright{font-family:var(--font-display);margin:0;font-size:14px}.sidebar-overlay{display:none}.feed-panel{border-radius:var(--radius-md);min-height:calc(100vh - var(--header-h) - 48px);grid-column:2;margin:24px 24px 24px 0;padding-bottom:24px}.layout+.footer,.footer{margin-top:0}.feed-panel.feed-active{border-left:1px solid var(--color-border);border-right:1px solid var(--color-border)}.feed-toolbar{border-bottom:1px solid var(--color-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:16px 24px 12px;display:flex}.feed-tabs{gap:24px;display:flex}.feed-tab{font-family:var(--font-display);color:var(--color-muted);padding:6px 0;font-size:18px;position:relative}.feed-tab.active{color:var(--color-text);font-weight:600}.feed-tab.active:after{content:"";background:var(--color-text);border-radius:2px;height:2px;position:absolute;bottom:-1px;left:0;right:0}.status-dropdown{position:relative}.status-dropdown-btn{font-family:var(--font-display);align-items:center;gap:6px;padding:6px 4px;font-size:16px;display:flex}.status-dropdown-btn svg{width:18px;height:18px;transition:transform .15s}.status-dropdown.open .status-dropdown-btn svg{transform:rotate(180deg)}.status-dropdown-menu{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);min-width:160px;box-shadow:var(--shadow-md);z-index:10;display:none;position:absolute;top:calc(100% + 6px);right:0;overflow:hidden}.status-dropdown.open .status-dropdown-menu{display:block}.status-dropdown-menu li{cursor:pointer;padding:10px 16px;font-size:15px}.status-dropdown-menu li:hover{background:var(--color-pill-bg)}.filter-dropdown{position:relative}.filter-btn{font-family:var(--font-display);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);align-items:center;gap:6px;padding:8px 14px;font-size:14px;transition:border .15s;display:flex}.filter-btn:hover{border-color:var(--color-primary)}.filter-btn i:last-child{font-size:11px;transition:transform .15s}.filter-dropdown.open .filter-btn i:last-child{transform:rotate(180deg)}.filter-menu{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);min-width:220px;box-shadow:var(--shadow-md);z-index:20;max-height:380px;display:none;position:absolute;top:calc(100% + 6px);right:0;overflow:hidden auto}.filter-dropdown.open .filter-menu{display:block}.filter-group{padding:8px 0}.filter-group-label{text-transform:uppercase;letter-spacing:.08em;color:var(--color-muted);padding:4px 14px 6px;font-size:10px;font-weight:600}.filter-opt{cursor:pointer;color:var(--color-text);padding:7px 14px;font-size:14px;transition:all .1s}.filter-opt:hover{background:var(--color-pill-bg)}.filter-opt.active{color:var(--color-primary);background:var(--color-primary-bg);font-weight:600}.filter-divider{background:var(--color-border);height:1px;margin:0}.filter-group-label{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;display:flex}.filter-group-label:hover{color:var(--color-primary)}.fg-arrow{font-size:10px;transition:transform .2s}.filter-group.collapsed .fg-arrow{transform:rotate(-90deg)}.filter-group.collapsed .filter-opt{display:none}.filter-apply-wrap{gap:8px;padding:10px 14px;display:flex}.filter-reset-btn{color:var(--color-muted);border:1px solid var(--color-border);cursor:pointer;background:0 0;border-radius:6px;flex:1;padding:10px;font-size:14px;font-weight:600;transition:all .2s}.filter-reset-btn:hover{background:var(--color-pill-bg);border-color:var(--color-muted);color:var(--color-text)}.filter-apply-btn{background:var(--color-primary);color:#fff;cursor:pointer;border:none;border-radius:6px;flex:2;padding:10px;font-size:14px;font-weight:600;transition:background .2s}.filter-apply-btn:hover{background:var(--color-primary-hover)}.feed-list{flex-direction:column;gap:12px;padding:16px 24px 0;display:flex}.official-pending-banner{background:#fef3c7;border:1px solid #f59e0b;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding:12px 16px;display:flex}.official-pending-banner-text{color:#92400e;font-size:14px;line-height:1.5}.official-pending-banner-close{color:#92400e;cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:18px;line-height:1}.dark-mode .official-pending-banner{background:#fbbf241f;border-color:#fbbf244d}.dark-mode .official-pending-banner-text,.dark-mode .official-pending-banner-close{color:#fde68a}.post-card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:16px;transition:box-shadow .15s,transform .15s;position:relative}.post-card-head{align-items:center;gap:8px;padding:16px 16px 0;display:flex}.post-author{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.avatar{background:var(--color-pill-bg);width:28px;height:28px;color:var(--color-muted);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.avatar svg{width:18px;height:18px;color:var(--color-muted)}.author-meta{align-items:center;gap:4px;min-width:0;display:flex}.author-name{color:var(--color-text);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.post-date{color:var(--color-muted);white-space:nowrap;font-size:12px;font-weight:400}.post-date:before{content:"·";color:var(--color-muted);margin-right:4px}.post-author-link{color:inherit;text-decoration:none;display:flex}.author-name-link{color:inherit;text-decoration:none}.author-name-link:hover .author-name{text-decoration:underline}.head-right{flex-shrink:0;align-items:center;gap:8px;display:flex}.status-badge{background:var(--color-pill-bg);color:var(--color-muted);white-space:nowrap;border-radius:20px;padding:2px 10px;font-size:12px;font-weight:600;line-height:1.4}.status-badge[data-status=open]{color:var(--color-danger);background:#dc26261a}.status-badge[data-status=in_review]{color:var(--color-warning);background:#d977061a}.status-badge[data-status=resolved]{color:var(--color-success);background:#0596691a}.status-badge[data-status=rejected]{color:var(--color-danger);background:#dc26261a}.post-title{color:var(--color-heading);margin:0;padding:10px 16px 0;font-size:16px;font-weight:600;line-height:1.25}.post-meta-row{color:var(--color-muted);flex-wrap:wrap;align-items:center;gap:8px;padding:4px 16px 0;font-size:12px;font-weight:400;display:flex}.cf-location,.cf-cat,.cf-ward{align-items:center;gap:3px;display:flex}.cf-location i,.cf-cat i,.cf-ward i{font-size:11px}.post-body{color:var(--color-text);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;padding:6px 16px 0;font-size:14px;font-weight:400;line-height:1.5;display:-webkit-box;overflow:hidden}.post-media{flex-direction:column;gap:4px;margin:10px 16px;display:flex}.post-media-carousel{background:#e7e7ea;border-radius:12px;align-items:center;display:flex;position:relative;overflow:hidden}.post-media .post-media-item{cursor:pointer;flex:1;justify-content:center;align-items:center;min-height:120px;display:flex}.post-media .post-media-item img{object-fit:contain;width:100%;height:auto;max-height:48vh;display:block}.post-media-item--video{background:#000;border-radius:12px;margin-top:4px;overflow:hidden}.post-media .post-media-item video{width:100%;max-height:48vh;display:block}.carousel-arrow{z-index:2;color:#fff;cursor:pointer;background:#0009;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;padding:0;transition:background .15s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.carousel-arrow:hover{background:#000c}.carousel-arrow--left{left:8px}.carousel-arrow--right{right:8px}.carousel-dots{justify-content:center;align-items:center;gap:6px;padding:4px 0;display:flex}.carousel-dot{background:var(--color-border);cursor:pointer;border:none;border-radius:50%;width:8px;height:8px;padding:0;transition:background .15s}.carousel-dot.active{background:var(--color-muted)}.carousel-dot:hover{background:var(--color-text)}.post-actions{align-items:center;gap:2px;padding:4px 12px 10px;display:flex}.action-group{align-items:center;gap:2px;display:flex}.action-pill{color:var(--color-muted);background:0 0;border-radius:20px;align-items:center;gap:4px;padding:5px 10px;font-size:12px;font-weight:500;transition:background .15s;display:flex}.action-pill svg{width:18px;height:18px}.action-pill:hover{background:var(--color-pill-bg)}.upvote-pill{font-weight:600}.upvote-pill.upvoted{color:var(--color-accent)}.upvote-pill.upvoted svg{stroke:var(--color-accent)}.cf-comments-section{border-top:1px solid var(--color-border);padding:12px 16px 16px}.cf-comments-list{max-height:200px;margin-bottom:10px;overflow-y:auto}.cf-comment{padding:8px 16px;font-size:14px}.cf-comment+.cf-comment{border-top:1px solid var(--color-border)}.cf-comment-author-row{align-items:center;gap:6px;margin-bottom:2px;display:flex}.cf-comment-avatar,.cf-comment-avatar-placeholder{object-fit:cover;border-radius:50%;flex-shrink:0;width:24px;height:24px}.cf-comment-avatar-placeholder{background:var(--color-primary);color:#fff;justify-content:center;align-items:center;font-size:11px;font-weight:700;line-height:1;display:flex}.cf-comment-author{color:var(--color-primary);font-size:13px;font-weight:600}.cf-comment-time{color:var(--color-muted);flex-shrink:0;margin-left:auto;font-size:11px}.cf-comment-text{color:var(--color-text);margin:0;font-size:13px;line-height:1.4}.cf-comment-input-row{align-items:stretch;gap:8px;display:flex}.cf-comment-input{border:1.5px solid var(--color-border);border-radius:var(--radius-md);font-size:14px;font-family:var(--font-body);outline:none;flex:1;padding:8px 12px;transition:border .2s}.cf-comment-input:focus{border-color:var(--color-primary)}.cf-comment-submit{border-radius:var(--radius-md);background:var(--color-primary);color:#fff;cursor:pointer;font-size:14px;font-weight:600;font-family:var(--font-body);white-space:nowrap;border:none;padding:8px 18px;transition:background .2s}.cf-comment-submit:hover{background:var(--color-primary-hover)}.back-link{color:var(--color-primary);align-items:center;gap:6px;margin-bottom:20px;font-size:14px;font-weight:500;text-decoration:none;transition:opacity .15s;display:inline-flex}.back-link:hover{opacity:.8}.rd-page{padding-top:24px}.rd-header{flex-wrap:wrap;align-items:flex-start;gap:12px;margin-bottom:4px;display:flex}.rd-header .report-title{min-width:0;font-family:var(--font-display);color:var(--color-heading);flex:1;margin:0;font-size:28px;font-weight:700;line-height:1.3}.report-badge{white-space:nowrap;border-radius:20px;flex-shrink:0;align-items:center;gap:6px;padding:4px 12px;font-size:13px;font-weight:600;display:inline-flex}.report-badge.open{color:var(--color-danger);background:#fee2e2}.report-badge.in-review{color:var(--color-warning);background:#fef3c7}.report-badge.resolved{color:var(--color-success);background:#d1fae5}.report-badge.rejected{color:var(--color-danger);background:#dc26261a}.rd-byline{color:var(--color-muted);margin:0 0 20px;font-size:14px}.rd-meta-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;margin-bottom:24px;display:grid}.rd-meta-item{background:var(--color-pill-bg);border-radius:10px;align-items:center;gap:10px;padding:12px 14px;display:flex}.rd-meta-item i{background:var(--color-bg);width:32px;height:32px;color:var(--color-primary);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;display:flex}.rd-meta-item div{flex-direction:column;gap:1px;min-width:0;display:flex}.rd-meta-label{color:var(--color-muted);text-transform:uppercase;letter-spacing:.5px;font-size:11px}.rd-meta-value{color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.report-description{color:var(--color-text);margin:0 0 24px;font-size:15px;line-height:1.7}.rd-media-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin-bottom:24px;display:grid}.rd-img-wrapper{background:var(--color-pill-bg);aspect-ratio:16/10;cursor:pointer;border-radius:10px;position:relative;overflow:hidden}.rd-img{object-fit:cover;width:100%;height:100%;transition:transform .2s;display:block}.rd-img:hover{transform:scale(1.03)}.rd-img-fallback{height:100%;color:var(--color-muted);flex-direction:column;justify-content:center;align-items:center;gap:6px;font-size:13px;display:flex}.rd-img-fallback i{font-size:28px}.rd-video-wrapper{background:#000;border-radius:10px;overflow:hidden}.rd-video{width:100%;max-height:400px;display:block}.rd-banner{border-radius:10px;align-items:flex-start;gap:12px;margin-bottom:24px;padding:14px 16px;font-size:14px;line-height:1.5;display:flex}.rd-banner i{flex-shrink:0;margin-top:2px;font-size:18px}.rd-banner div{flex:1}.rd-banner p{color:inherit;opacity:.85;margin:4px 0 0}.rd-banner--pending{color:var(--color-warning);background:#d977061a}.rd-banner--rejected{color:var(--color-danger);background:#dc26261a}.rd-banner--approved{color:var(--color-success);background:#0596691a}.rd-actions{flex-wrap:wrap;gap:10px;margin-bottom:28px;display:flex}.rd-action-btn{border:1.5px solid var(--color-border);background:var(--color-bg);color:var(--color-text);cursor:pointer;font-size:14px;font-weight:600;font-family:var(--font-body);border-radius:10px;align-items:center;gap:8px;padding:10px 20px;transition:all .15s;display:flex}.rd-action-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.rd-action-btn.upvoted{border-color:var(--color-primary);color:var(--color-primary);background:#eef2ff}.rd-action-btn:disabled{opacity:.6;cursor:not-allowed}.rd-action-btn .upvoted-icon{color:var(--color-primary)}.rd-section{margin-bottom:28px}.rd-section-title{font-family:var(--font-display);color:var(--color-heading);align-items:center;gap:8px;margin:0 0 14px;font-size:18px;font-weight:600;display:flex}.rd-progress-list{border-left:2px solid var(--color-border);padding-left:16px}.rd-progress-item{gap:12px;padding-bottom:16px;display:flex;position:relative}.rd-progress-item:last-child{padding-bottom:0}.rd-progress-dot{background:var(--color-primary);border-radius:50%;flex-shrink:0;width:10px;height:10px;margin-top:4px;position:relative;left:-21px}.rd-progress-body{min-width:0}.rd-progress-date{color:var(--color-muted);margin-bottom:2px;font-size:12px;display:block}.rd-progress-text{color:var(--color-text);margin:0;font-size:14px;line-height:1.5}.rd-comments-list{margin-bottom:12px}.rd-empty-text{color:var(--color-muted);margin:0 0 12px;font-size:14px}.rd-comment{gap:10px;padding:10px 0;display:flex}.rd-comment+.rd-comment{border-top:1px solid var(--color-border)}.rd-comment-avatar-col{flex-shrink:0}.rd-comment-avatar,.rd-comment-avatar-placeholder{object-fit:cover;border-radius:50%;width:32px;height:32px;display:block}.rd-comment-avatar-placeholder{background:var(--color-primary);color:#fff;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex}.rd-comment-body{flex:1;min-width:0}.rd-comment-header{align-items:center;gap:8px;margin-bottom:2px;display:flex}.rd-comment-author{color:var(--color-primary);font-size:14px;font-weight:600}.rd-comment-date{color:var(--color-muted);font-size:12px}.rd-comment-text{color:var(--color-text);margin:0;font-size:14px;line-height:1.5}.rd-comment-input-row{align-items:stretch;gap:8px;display:flex}.rd-comment-input{border:1.5px solid var(--color-border);font-size:14px;font-family:var(--font-body);background:var(--color-bg);color:var(--color-text);border-radius:10px;outline:none;flex:1;padding:10px 14px;transition:border .2s}.rd-comment-input:focus{border-color:var(--color-primary)}.rd-comment-submit{background:var(--color-primary);color:#fff;cursor:pointer;font-size:14px;font-weight:600;font-family:var(--font-body);white-space:nowrap;border:none;border-radius:10px;padding:10px 22px;transition:background .2s}.rd-comment-submit:hover{background:var(--color-primary-hover)}.rd-comment-submit:disabled{opacity:.5;cursor:not-allowed}.rd-error-card{text-align:center;padding:60px 20px}.rd-error-card h2{font-family:var(--font-display);color:var(--color-heading);margin:0 0 8px;font-size:22px;font-weight:600}.rd-error-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.rd-btn{cursor:pointer;font-size:14px;font-weight:600;font-family:var(--font-body);border-radius:10px;align-items:center;gap:8px;padding:10px 24px;transition:all .15s;display:inline-flex}.rd-btn-primary{background:var(--color-primary);color:#fff;border:none}.rd-btn-primary:hover{background:var(--color-primary-hover)}.rd-btn-secondary{background:var(--color-bg);color:var(--color-text);border:1.5px solid var(--color-border)}.rd-btn-secondary:hover{border-color:var(--color-primary);color:var(--color-primary)}.rd-skeleton-block{background:linear-gradient(90deg, var(--color-pill-bg) 25%, var(--color-placeholder) 50%, var(--color-pill-bg) 75%);background-size:200% 100%;border-radius:8px;animation:1.5s ease-in-out infinite skeleton-loading}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.rd-lightbox{z-index:9999;cursor:zoom-out;background:#000000d9;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.rd-lightbox-img{object-fit:contain;border-radius:8px;max-width:90vw;max-height:90vh}.rd-lightbox-close{color:#fff;cursor:pointer;background:#ffffff26;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;transition:background .15s;display:flex;position:absolute;top:16px;right:16px}.rd-lightbox-close:hover{background:#ffffff4d}.dark-mode .rd-meta-item{background:var(--color-placeholder)}.dark-mode .rd-meta-item i{background:var(--color-bg)}.dark-mode .report-badge.open{color:var(--color-danger);background:#dc262633}.dark-mode .report-badge.in-review{color:var(--color-warning);background:#d9770633}.dark-mode .report-badge.resolved{color:var(--color-success);background:#05966933}.dark-mode .report-badge.rejected{color:var(--color-danger);background:#dc262633}.dark-mode .rd-action-btn{background:var(--color-card-bg);border-color:var(--color-border)}.dark-mode .rd-action-btn.upvoted{background:var(--color-primary-bg);border-color:var(--color-primary)}.dark-mode .rd-comment-input{background:var(--color-card-bg);color:var(--color-text);border-color:var(--color-border)}.dark-mode .rd-btn-secondary{background:var(--color-bg);border-color:var(--color-border);color:var(--color-text)}.dark-mode .rd-btn-secondary:hover{border-color:var(--color-primary);color:var(--color-primary)}.dark-mode .rd-progress-list{border-left-color:var(--color-border)}.dark-mode .rd-progress-dot{background:var(--color-primary)}.dark-mode .rd-byline{color:var(--color-muted)}.dark-mode .rd-banner--pending{color:#fde68a;background:#fef3c726}.dark-mode .rd-banner--rejected{color:#fca5a5;background:#fee2e226}.dark-mode .rd-banner--approved{color:#6ee7b7;background:#d1fae526}.empty-state{text-align:center;color:var(--color-muted);font-family:var(--font-display);padding:60px 24px}@media (max-width:980px){.layout{grid-template-columns:1fr}.feed-panel{grid-column:1}.menu-toggle{display:flex}.search-box{display:none}.header-inner{gap:12px;padding:0 16px}.logo{font-size:20px}.sidebar{-webkit-backdrop-filter:blur(20px)saturate(180%);border-right:1px solid var(--color-border);width:min(280px,80vw);height:100vh;transition:transform .3s var(--ease-out);z-index:100;padding-top:calc(var(--header-h) + 16px);background:#fcfaf7f2;position:fixed;top:0;left:0;transform:translate(-100%)}.dark-mode .sidebar{background:var(--color-bg)}.sidebar.open{transform:translate(0)}.sidebar-overlay{z-index:90;background:#0006;display:none;position:fixed;inset:0}.sidebar-overlay.show{display:block}.feed-panel{margin:16px}#feedView{margin:0;padding:0}#feedView .feed-container{max-width:none;margin:0;padding:0}.side-nav{gap:16px;padding:0 24px}.side-link{min-height:44px;font-size:16px}.copyright{padding:0 24px}}@media (max-width:600px){.hm-hero{padding:48px 16px 0}.hm-badge{padding:4px 12px;font-size:10px}.hm-title{font-size:26px}.hm-desc{max-width:none;margin-bottom:24px;font-size:14px}.hm-actions{flex-direction:column;align-items:center;gap:8px}.hm-btn{justify-content:center;width:100%;padding:12px 20px;font-size:14px}.hm-sec-title{font-size:18px}.hm-sec-header{flex-direction:column;align-items:flex-start;gap:8px}.hm-impact-grid{grid-template-columns:1fr 1fr}.hm-impact-stat{flex-direction:column;align-items:flex-start;gap:12px;padding:20px}.hm-impact-icon{width:36px;height:36px}.hm-impact-number{font-size:24px}.hm-report-grid{grid-template-columns:1fr;gap:16px}.hm-cat-grid{grid-template-columns:repeat(5,1fr);gap:8px;max-width:360px}.hm-cat-icon{border-radius:12px;width:44px;height:44px;font-size:18px}.hm-cat-name{font-size:10px}.hm-ward-grid{grid-template-columns:1fr 1fr;gap:12px}.hm-em-row{grid-template-columns:100px 60px 1fr;padding:12px 14px;font-size:12px}.hm-mission-inner{flex-direction:column;gap:20px}.hm-mission-left{flex:none}.hm-mission-title{font-size:22px}.hm-map-title{font-size:18px}.hm-section{padding:48px 16px}.hm-impact{padding:40px 16px}.hm-reports,.hm-wards,.hm-works,.hm-guide,.hm-cats,.hm-mission,.hm-notices,.hm-map-cta,.hm-emergency,.hm-faq{padding:48px 16px}.hm-guide-grid{flex-direction:column;align-items:center;gap:20px}.hm-guide-step{max-width:100%}.hm-steps{flex-direction:column;align-items:center}.hm-step{max-width:100%}.hm-step+.hm-step:before,.hm-step+.hm-step:after,.hm-map-preview{display:none}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}#feedView{padding:0;display:none}#feedView .feed-container{width:100%;max-width:800px;margin:0 auto}#submitView,#mapView,#profileView,#authView{display:none}.toast{z-index:400;color:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-lg);opacity:0;background:#1f2937;align-items:center;gap:12px;min-width:250px;padding:12px 16px;transition:all .3s;display:flex;position:fixed;bottom:24px;right:24px;transform:translateY(100px)}.toast.show{opacity:1;transform:translateY(0)}.toast-icon{font-size:18px}.toast-title{font-size:13px;font-weight:600}.toast-sub{color:var(--color-muted);font-size:12px}@keyframes modalIn{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:none}}@keyframes fpFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes heroUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media (max-width:600px){.toast{min-width:auto;bottom:16px;left:16px;right:16px}}.home-inner{max-width:900px;margin:0 auto;padding:0}.hm-sec-header{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.hm-sec-title{font-family:var(--font-display);color:var(--color-heading);letter-spacing:-.02em;margin:0;font-size:20px;font-weight:600}.hm-sec-link{color:var(--color-primary);transition:gap .25s var(--ease-out);align-items:center;gap:4px;font-size:13px;font-weight:500;text-decoration:none;display:inline-flex}.hm-sec-link:hover{gap:8px}.hm-sec-link span{transition:transform .25s var(--ease-out);font-size:15px;line-height:1;display:inline-block}.hm-sec-link:hover span{transform:translate(3px)}.hm-section{padding:64px 24px}.hm-section--gray{background:var(--color-bg-gray)}.hm-section--blue{background:var(--color-bg-blue)}.hm-hero{text-align:center;padding:88px 24px 0;position:relative;overflow:hidden}.hm-hero-bg{pointer-events:none;opacity:.5;position:absolute;inset:-50%;overflow:hidden;-webkit-mask-image:radial-gradient(50% 40% at 50% 70%,#000 30%,#0000 100%);mask-image:radial-gradient(50% 40% at 50% 70%,#000 30%,#0000 100%)}.hm-hero-bg:before{content:"";background:radial-gradient(ellipse 60% 30% at 50% 80%, var(--color-primary) 0%, transparent 100%), radial-gradient(circle 200px at 25% 60%, #0066ff26 0%, transparent 100%), radial-gradient(circle 150px at 60% 50%, var(--color-primary) 0%, transparent 100%), radial-gradient(circle 100px at 40% 75%, #0066ff1a 0%, transparent 100%);animation:8s ease-in-out infinite alternate heroGlow;position:absolute;inset:0}.dark-mode .hm-hero-bg{opacity:.6}.dark-mode .hm-hero-bg:before{background:radial-gradient(60% 30% at 50% 80%,#a855f726 0%,#0000 100%),radial-gradient(200px at 25% 60%,#8b5cf61a 0%,#0000 100%),radial-gradient(150px at 60%,#a855f71a 0%,#0000 100%),radial-gradient(100px at 40% 75%,#8b5cf60f 0%,#0000 100%)}@keyframes heroGlow{0%{transform:scale(1)rotate(0)}to{transform:scale(1.1)rotate(3deg)}}.hm-hero-body{z-index:1;max-width:680px;margin:0 auto;position:relative}.hm-badge{background:var(--color-primary-bg);color:var(--color-primary);border:1px solid #a1620726;border-radius:999px;margin-bottom:20px;padding:6px 16px;font-size:12px;font-weight:600;animation:.6s cubic-bezier(.16,1,.3,1) both heroUp;display:inline-flex}.dark-mode .hm-badge{border-color:#a855f740}.hm-title{font-family:var(--font-display);color:var(--color-heading);letter-spacing:-.03em;animation:heroUp .6s var(--ease-out) 80ms both;margin:0 0 14px;font-size:44px;font-weight:700;line-height:1.12}.hm-title span{color:var(--color-primary)}.hm-desc{color:var(--color-muted);max-width:520px;animation:heroUp .6s var(--ease-out) .16s both;margin:0 auto 32px;font-size:16px;line-height:1.7}.hm-actions{animation:heroUp .6s var(--ease-out) .24s both;flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:40px;display:flex}.hm-btn{font-family:var(--font-display);border-radius:var(--radius-sm);transition:all .25s var(--ease-out);cursor:pointer;border:1px solid #0000;align-items:center;gap:8px;padding:11px 24px;font-size:14px;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.hm-btn:after{content:"";background:radial-gradient(circle at var(--mx,50%) var(--my,50%), #fff3 0%, transparent 60%);opacity:0;pointer-events:none;border-radius:10px;transition:opacity .3s;position:absolute;inset:0}.hm-btn:active:after{opacity:1}.hm-btn-primary{background:var(--color-primary);color:#0a0612;font-weight:700}.hm-btn-primary:hover{background:var(--color-primary-hover);box-shadow:var(--shadow-glow), 0 8px 24px #a1620740;transform:translateY(-2px)}.dark-mode .hm-btn-primary{color:#0a0612}.dark-mode .hm-btn-primary:hover{box-shadow:var(--shadow-glow), 0 8px 24px #a855f740}.hm-btn-primary:active{transform:translateY(0)scale(.97)}.hm-btn-secondary{background:var(--color-pill-bg);color:var(--color-text);border-color:var(--color-border)}.hm-btn-secondary:hover{border-color:var(--color-primary);background:var(--color-surface-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.hm-btn-secondary:active{transform:translateY(0)}.hm-btn-secondary svg{width:14px;height:14px;transition:transform .25s cubic-bezier(.34,1.56,.64,1)}.hm-btn-secondary:hover svg{transform:translate(4px)}.hm-impact{padding:var(--section-py) var(--section-px)}.hm-impact-grid{background:var(--color-border);border-radius:var(--radius-lg);max-width:860px;box-shadow:var(--shadow-sm);grid-template-columns:repeat(4,1fr);gap:1px;margin:0 auto;display:grid;overflow:hidden}.hm-impact-stat{background:var(--color-surface);transition:background .3s var(--ease-out), transform .3s var(--ease-out);align-items:center;gap:16px;padding:28px;display:flex}.hm-impact-stat:hover{background:var(--color-surface-hover);transform:translateY(-2px)}.hm-impact-icon{background:var(--color-primary-bg);width:44px;height:44px;color:var(--color-primary);transition:transform .3s var(--ease-out), background .3s var(--ease-out);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.hm-impact-stat:hover .hm-impact-icon{transform:scale(1.1)}.hm-impact-icon svg{width:20px;height:20px}.dark-mode .hm-impact-icon svg{color:var(--color-primary)}.hm-impact-number{font-family:var(--font-display);color:var(--color-heading);letter-spacing:-.03em;font-size:30px;font-weight:700;line-height:1}.hm-impact-label{color:var(--color-muted);letter-spacing:.01em;margin-top:4px;font-size:12px;font-weight:500}.hm-impact-desc{color:var(--color-muted);opacity:.65;margin-top:1px;font-size:11px}.hm-reports{padding:var(--section-py) var(--section-px)}.hm-report-link{color:inherit;border-radius:var(--radius-md);text-decoration:none;display:block}.hm-report-link:hover .hm-report{box-shadow:var(--shadow-lg), 0 0 20px #a162070f;transform:translateY(-4px)}.hm-report-link:hover .hm-report-img>*{transform:scale(1.08)}.hm-report-grid{grid-template-columns:1fr 1fr 1fr;gap:24px;display:grid}.hm-report{background:var(--color-card-bg);border-radius:var(--radius-md);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);transition:transform .3s var(--ease-out), box-shadow .3s var(--ease-out);flex-direction:column;gap:12px;padding:20px;display:flex}.hm-report:hover{box-shadow:var(--shadow-lg);cursor:pointer;transform:translateY(-4px)}.hm-report-img{border-radius:var(--radius-sm);justify-content:center;align-items:center;width:100%;height:80px;display:flex;position:relative;overflow:hidden}.hm-report-img>*{transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.hm-report:hover .hm-report-img>*{transform:scale(1.08)}.hm-report-body{flex-direction:column;gap:8px;display:flex}.hm-report-meta{align-items:center;gap:8px;display:flex}.hm-report-cat{color:var(--color-muted);font-size:11px;font-weight:600}.hm-report-status{white-space:nowrap;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:600}.hm-report-status[data-status=open]{color:var(--color-muted);background:#6b72801a}.hm-report-status[data-status=progress]{color:var(--color-warning);background:#d977061a}.hm-report-status[data-status=resolved]{color:var(--color-success);background:#0596691a}.dark-mode .hm-report-status[data-status=open]{background:#ffffff0f}.dark-mode .hm-report-status[data-status=progress]{background:#fbbf241f}.dark-mode .hm-report-status[data-status=resolved]{background:#34d3991f}.hm-report-title{font-family:var(--font-display);color:var(--color-heading);margin:0;font-size:15px;font-weight:600;line-height:1.4}.hm-report-info{color:var(--color-muted);flex-wrap:wrap;gap:8px;font-size:12px;display:flex}.hm-report-info span{align-items:center;gap:3px;display:inline-flex}.hm-wards{padding:var(--section-py) var(--section-px);background:var(--color-bg-blue)}.hm-ward-grid{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.hm-ward-card{background:var(--color-bg);border-radius:var(--radius-md);border:1px solid var(--color-border);padding:16px;transition:transform .3s,box-shadow .3s,background .3s}.hm-ward-card:hover{box-shadow:var(--shadow-md);background:var(--color-pill-bg);transform:translateY(-3px)}.hm-ward-top{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.hm-ward-name{font-family:var(--font-display);color:var(--color-heading);font-size:14px;font-weight:600}.hm-ward-total{color:var(--color-muted);font-size:12px;font-weight:600}.hm-ward-strip{background:var(--color-pill-bg);border-radius:4px;height:6px;margin-bottom:8px;display:flex;overflow:hidden}.hm-ward-bar{height:100%;transition:width .6s}.hm-ward-bar-resolved{background:#6b7280}.hm-ward-bar-review{background:#9ca3af}.hm-ward-bar-open{background:#d1d5db}.hm-ward-breakdown{flex-wrap:wrap;gap:4px 12px;display:flex}.hm-ward-break-item{color:var(--color-muted);align-items:center;gap:4px;font-size:11px;font-weight:500;display:inline-flex}.hm-break-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.hm-dot-resolved{background:#059669}.hm-dot-progress{background:#d97706}.hm-dot-open{background:#dc2626}.hm-works{padding:var(--section-py) var(--section-px)}.hm-steps{flex-direction:row;justify-content:center;align-items:flex-start;gap:0;padding:16px 0 8px;display:flex;position:relative}.hm-step{text-align:center;flex:1 1 0;max-width:180px;padding:16px 12px;position:relative}.hm-step+.hm-step:before{content:"";background:var(--color-border);z-index:0;width:100%;height:2px;position:absolute;top:38px;left:-50%}.hm-step+.hm-step:after{content:"";background:linear-gradient(to right, transparent 0%, var(--color-primary) 50%, var(--color-primary) 100%);z-index:1;background-position:0;background-repeat:no-repeat;background-size:0% 100%;width:100%;height:2px;transition:background-size .6s cubic-bezier(.34,1.56,.64,1);position:absolute;top:32px;left:-50%}.hm-steps:hover .hm-step+.hm-step:after{background-size:100% 100%}.hm-step:nth-child(2):after{transition-delay:50ms}.hm-step:nth-child(3):after{transition-delay:.15s}.hm-step:nth-child(4):after{transition-delay:.25s}.hm-step:nth-child(5):after{transition-delay:.35s}.hm-step-icon{background:var(--color-primary-bg);width:56px;height:56px;color:var(--color-primary);z-index:1;border-radius:16px;justify-content:center;align-items:center;margin-bottom:14px;font-size:22px;transition:all .35s cubic-bezier(.34,1.56,.64,1);display:inline-flex;position:relative}.hm-step:hover .hm-step-icon{box-shadow:var(--shadow-glow);transform:scale(1.12)rotate(-4deg)}.dark-mode .hm-step:hover .hm-step-icon{box-shadow:var(--shadow-glow)}.hm-step-title{font-family:var(--font-display);color:var(--color-heading);letter-spacing:-.01em;margin:0 0 6px;font-size:14px;font-weight:600}.hm-step-desc{color:var(--color-muted);margin:0;font-size:12px;line-height:1.65}.hm-guide{padding:var(--section-py) var(--section-px);background:var(--color-bg-gray)}.hm-guide-grid{justify-content:center;gap:0;margin-bottom:32px;display:flex;position:relative}.hm-guide-step{text-align:center;flex:1 1 0;max-width:180px;padding:16px 12px;position:relative}.hm-guide-step+.hm-guide-step:before{content:"";background:var(--color-border);z-index:0;width:100%;height:2px;position:absolute;top:37px;left:-50%}.hm-guide-num{font-family:var(--font-display);color:var(--color-primary);background:var(--color-bg);z-index:1;border:2px solid #a1620733;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:14px;font-size:16px;font-weight:700;transition:all .35s cubic-bezier(.34,1.56,.64,1);display:inline-flex;position:relative}.dark-mode .hm-guide-num{border-color:#a855f740}.hm-guide-step:hover .hm-guide-num{background:var(--color-primary);color:#0a0612;border-color:var(--color-primary);box-shadow:var(--shadow-glow);transform:scale(1.12)}.dark-mode .hm-guide-step:hover .hm-guide-num{color:#0a0612;box-shadow:var(--shadow-glow)}.hm-guide-body{flex-direction:column;align-items:center;gap:8px;display:flex}.hm-guide-icon{background:var(--color-primary-bg);width:44px;height:44px;color:var(--color-primary);border-radius:12px;justify-content:center;align-items:center;font-size:20px;transition:transform .3s,box-shadow .3s;display:inline-flex}.hm-guide-step:hover .hm-guide-icon{box-shadow:var(--shadow-glow);transform:scale(1.1)}.dark-mode .hm-guide-step:hover .hm-guide-icon{box-shadow:var(--shadow-glow)}.hm-guide-title{font-family:var(--font-display);color:var(--color-heading);margin:0;font-size:14px;font-weight:600}.hm-guide-desc{color:var(--color-muted);margin:0;font-size:12px;line-height:1.6}.hm-guide-cta{justify-content:center;display:flex}.hm-cats{padding:var(--section-py) var(--section-px)}.hm-cat-grid{grid-template-columns:repeat(5,1fr);gap:16px;max-width:540px;margin:0 auto;display:grid}.hm-cat-card{flex-direction:column;align-items:center;gap:8px;padding:8px 4px;text-decoration:none;transition:all .2s;display:flex}.hm-cat-card:hover{transform:translateY(-3px)}.hm-cat-icon{background:var(--color-surface);border:1px solid var(--color-border);width:56px;height:56px;color:var(--color-primary);transition:all .3s var(--ease-out);border-radius:14px;justify-content:center;align-items:center;font-size:20px;display:inline-flex}.hm-cat-card:hover .hm-cat-icon{background:var(--color-primary-bg);box-shadow:var(--shadow-glow);border-color:#a1620733;transform:scale(1.12)translateY(-2px)}.dark-mode .hm-cat-card:hover .hm-cat-icon{box-shadow:var(--shadow-glow);border-color:#a855f740}.hm-cat-name{color:var(--color-muted);text-align:center;font-size:11px;font-weight:600;line-height:1.3}.hm-mission{padding:var(--section-py) var(--section-px);background:var(--color-bg-blue)}.hm-mission-inner{align-items:flex-start;gap:48px;max-width:780px;margin:0 auto;display:flex}.hm-mission-left{flex:0 0 280px}.hm-mission-tag{color:var(--color-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px;font-size:12px;font-weight:600}.hm-mission-title{font-family:var(--font-display);color:var(--color-heading);letter-spacing:-.03em;margin:0;font-size:26px;font-weight:700;line-height:1.25}.hm-mission-right{flex:1}.hm-mission-text{color:var(--color-muted);max-width:55ch;margin:0 0 24px;font-size:14px;line-height:1.7}.hm-mission-principles{flex-direction:column;gap:12px;display:flex}.hm-mission-principle{color:var(--color-text);border-radius:8px;align-items:center;gap:10px;padding:8px 12px;font-size:13px;font-weight:500;transition:background .2s,transform .2s;display:flex}.hm-mission-principle:hover{background:var(--color-bg);transform:translate(4px)}.hm-mission-principle-icon{background:var(--color-primary-bg);width:22px;height:22px;color:var(--color-primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.hm-notices{padding:var(--section-py) var(--section-px)}.hm-notice-list{flex-direction:column;display:flex}.hm-notice{border-bottom:1px solid var(--color-border);cursor:default;align-items:center;gap:14px;padding:16px 0;transition:opacity .2s;display:flex}.hm-notice:last-child{border-bottom:none}.hm-notice:hover{opacity:.75}.hm-notice-icon{color:var(--color-muted);flex-shrink:0;font-size:18px}.hm-notice-title{color:var(--color-heading);font-size:14px;font-weight:600}.hm-notice-date{color:var(--color-muted);margin-top:2px;font-size:12px}.hm-map-cta{background:linear-gradient(135deg, var(--color-primary-bg) 0%, #0066ff08 100%);justify-content:space-between;align-items:center;gap:32px;padding:64px 24px;display:flex;position:relative;overflow:hidden}.hm-map-cta:before{content:"";background:radial-gradient(circle 200px at 20% 50%, var(--color-primary) 0%, transparent 100%), radial-gradient(circle 150px at 80% 50%, #0066ff0f 0%, transparent 100%);opacity:.08;pointer-events:none;position:absolute;inset:0}.dark-mode .hm-map-cta{background:linear-gradient(135deg,#8b5cf614 0%,#a855f70a 100%)}.hm-map-body{flex:1}.hm-map-title{font-family:var(--font-display);color:var(--color-heading);letter-spacing:-.02em;margin:0 0 8px;font-size:20px;font-weight:600}.hm-map-desc{color:var(--color-muted);max-width:420px;margin:0 0 24px;font-size:14px;line-height:1.6}.hm-map-body .hm-btn{padding:10px 24px;font-size:14px}.hm-map-preview{border-radius:10px;flex-shrink:0;width:200px;height:110px;overflow:hidden;box-shadow:0 4px 16px #0000000f}.hm-emergency{padding:var(--section-py) var(--section-px)}.hm-em-list{border-radius:var(--radius-lg);border:1px solid var(--color-border);flex-direction:column;display:flex;overflow:hidden}.hm-em-row{grid-template-columns:140px 80px 1fr 1fr;align-items:center;gap:12px;padding:14px 20px;font-size:13px;transition:background .2s,transform .2s;display:grid}.hm-em-row:hover{background:var(--color-primary-bg);transform:translate(4px)}.hm-em-row+.hm-em-row{border-top:1px solid var(--color-border)}.hm-em-name{color:var(--color-heading);font-weight:600}.hm-em-detail{color:var(--color-muted);font-size:12px}.hm-em-link{color:var(--color-primary);font-size:12px;text-decoration:none}.hm-em-link:hover{text-decoration:underline}.hm-faq{padding:var(--section-py) var(--section-px)}.hm-faq-list{flex-direction:column;margin-bottom:24px;display:flex}.hm-faq-item{border-bottom:1px solid var(--color-border)}.hm-faq-item:last-child{border-bottom:none}.hm-faq-q{font-family:var(--font-display);color:var(--color-heading);cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .2s var(--ease-out), background .2s var(--ease-out);border-radius:var(--radius-sm);justify-content:space-between;align-items:center;padding:18px 20px;font-size:14px;font-weight:500;list-style:none;display:flex}.hm-faq-q:hover{background:var(--color-surface);color:var(--color-primary)}.hm-faq-q::-webkit-details-marker{display:none}.hm-faq-q:after{content:"+";color:var(--color-muted);flex-shrink:0;font-size:16px;font-weight:700;transition:transform .2s}.hm-faq-item[open] .hm-faq-q:after{content:"−";transform:rotate(180deg)}.hm-faq-q:hover{color:var(--color-primary)}.hm-faq-a{color:var(--color-muted);padding:0 0 18px;font-size:13px;line-height:1.6}.hm-faq-cta{justify-content:center;display:flex}.hm-faq-link{color:var(--color-primary);align-items:center;gap:6px;font-size:14px;font-weight:600;text-decoration:none;transition:gap .25s cubic-bezier(.34,1.56,.64,1);display:inline-flex}.hm-faq-link:hover{gap:10px}.hm-faq-link span{font-size:16px;line-height:1;transition:transform .25s cubic-bezier(.34,1.56,.64,1)}.hm-faq-link:hover span{transform:translate(3px)}.sv-footer{text-align:center;color:var(--color-muted);border-top:1px solid var(--color-border);margin-top:24px;padding:48px 24px 40px;font-size:12px;line-height:2}.sv-footer a{color:var(--color-muted);text-decoration:none;transition:color .2s}.sv-footer a:hover{color:var(--color-primary)}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulseDot{0%,to{opacity:.4}50%{opacity:.8}}@keyframes shimmer{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.hm-reveal{opacity:0;transition:opacity .7s var(--ease-out), transform .7s var(--ease-out);transform:translateY(24px)}.hm-reveal.hm-visible{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion:reduce){.hm-hero-bg:before{animation:none}.hm-reveal{opacity:1;transition:none;transform:none}.hm-step-icon,.hm-guide-num,.hm-guide-icon,.hm-cat-icon{transition:none!important}.hm-step:hover .hm-step-icon{transform:none}.hm-step+.hm-step:after{transition:none}}@media (max-width:768px){.hm-hero{padding:56px 20px 0}.hm-title{font-size:32px}.hm-desc{max-width:none;font-size:15px}.hm-impact-stat{gap:12px;padding:20px}.hm-impact-number{font-size:26px}.hm-impact-icon{width:36px;height:36px}.hm-report-grid{grid-template-columns:1fr 1fr;gap:16px}.hm-cat-grid{grid-template-columns:repeat(5,1fr);gap:12px;max-width:420px}.hm-cat-icon{width:48px;height:48px}.hm-em-row{grid-template-columns:120px 70px 1fr}.hm-em-row .hm-em-link{grid-column:1/-1}.hm-map-cta{text-align:center;flex-direction:column}.hm-map-desc{max-width:none}.hm-map-preview{width:100%;max-width:300px;height:100px}.hm-ward-grid{grid-template-columns:repeat(2,1fr);gap:16px}.hm-guide-grid{flex-direction:column;align-items:center;gap:20px}.hm-guide-step{flex:auto;max-width:320px}.hm-guide-step+.hm-guide-step:before{display:none}.hm-steps{flex-direction:column;align-items:center}.hm-step{flex:auto;max-width:320px}.hm-step+.hm-step:before,.hm-step+.hm-step:after{display:none}.hm-mission-inner{flex-direction:column;gap:24px}.hm-mission-left{flex:none}.hm-section{padding:56px 20px}.hm-impact{padding:48px 20px}.hm-reports,.hm-wards,.hm-works,.hm-guide,.hm-cats,.hm-mission,.hm-notices,.hm-map-cta,.hm-emergency,.hm-faq{padding:56px 20px}}@media (max-width:600px){.hm-hero{padding:48px 16px 0}.hm-title{font-size:26px}.hm-desc{margin-bottom:20px;font-size:14px}.hm-actions{flex-direction:column;align-items:center;gap:8px}.hm-btn{justify-content:center;width:100%;padding:12px 16px;font-size:14px}.hm-cat-grid{grid-template-columns:repeat(5,1fr);gap:8px;max-width:320px}.hm-cat-icon{width:44px;height:44px;font-size:20px}.hm-cat-name{font-size:10px}.hm-impact-grid{grid-template-columns:1fr 1fr}.hm-impact-stat{flex-direction:column;align-items:flex-start;gap:10px;padding:16px}.hm-impact-icon{width:32px;height:32px}.hm-impact-icon svg{width:16px;height:16px}.hm-impact-number{font-size:22px}.hm-impact-label{font-size:11px}.hm-impact-desc{white-space:normal;font-size:10px}.hm-em-row{grid-template-columns:100px 60px 1fr;padding:12px 14px;font-size:12px}.hm-sec-header{flex-direction:column;align-items:flex-start;gap:6px}.hm-ward-grid{grid-template-columns:1fr;gap:12px}.hm-mission-inner{flex-direction:column;gap:24px}.hm-mission-left{flex:none}.hm-section{padding:40px 16px}.hm-impact{padding:32px 16px}.hm-reports,.hm-wards,.hm-works,.hm-guide,.hm-cats,.hm-mission,.hm-notices,.hm-map-cta,.hm-emergency,.hm-faq{padding:40px 16px}.hm-guide-grid{flex-direction:column;align-items:center;gap:20px}.hm-guide-step{max-width:280px}.hm-steps{flex-direction:column;align-items:center}.hm-step{max-width:280px}.hm-step+.hm-step:before,.hm-step+.hm-step:after{display:none}}@media (max-width:480px){.hm-hero{padding:40px 12px 0}.hm-title{font-size:24px}.hm-badge{margin-bottom:16px;padding:4px 10px;font-size:10px}.hm-desc{margin-bottom:20px;font-size:13px}.hm-actions{gap:8px}.hm-btn{padding:11px 16px;font-size:13px}.hm-impact-grid{grid-template-columns:1fr 1fr;gap:1px}.hm-impact-stat{flex-direction:column;align-items:flex-start;gap:10px;padding:16px}.hm-impact-icon{width:32px;height:32px}.hm-impact-number{font-size:22px}.hm-impact-label{font-size:11px}.hm-impact-desc{font-size:10px}.hm-report-grid{grid-template-columns:1fr}.hm-cat-grid{grid-template-columns:repeat(5,1fr);gap:6px;max-width:320px}.hm-cat-icon{border-radius:10px;width:40px;height:40px;font-size:16px}.hm-cat-name{font-size:9px}.hm-ward-grid{grid-template-columns:1fr;gap:10px}.hm-section{padding:40px 12px}.hm-impact{padding:32px 12px}.hm-reports,.hm-wards,.hm-works,.hm-guide,.hm-cats,.hm-mission,.hm-notices,.hm-map-cta,.hm-emergency,.hm-faq{padding:40px 12px}.sv-footer{padding:32px 12px 28px;font-size:11px}}.ward-label{border:1px solid var(--color-primary)!important;color:var(--color-primary)!important;white-space:nowrap!important;background:#ffffffe6!important;border-radius:4px!important;padding:2px 6px!important;font-size:11px!important;font-weight:700!important;box-shadow:0 1px 4px #0003!important}.sv-inner{max-width:780px;margin:0 auto;padding:32px 24px 60px}.sv-hero{margin-bottom:36px}.sv-hero-badge{background:var(--color-primary-bg);color:var(--color-text);border-radius:var(--radius-lg);margin-bottom:20px;padding:8px 16px;font-size:13px;font-weight:600;display:inline-block}.sv-hero-title{font-family:var(--font-display);margin:0 0 14px;font-size:32px;font-weight:800;line-height:1.15}.sv-hero-desc{color:var(--color-muted);margin:0;font-size:15px;line-height:1.7}.sv-form-section{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:20px;padding:24px}.sv-section-title{font-family:var(--font-display);margin:0 0 28px;font-size:24px;font-weight:700}.sv-form{flex-direction:column;gap:24px;display:flex}.sv-fg{flex-direction:column;gap:8px;display:flex}.sv-fg label{font-size:15px;font-weight:600}.sv-fg input,.sv-fg textarea,.sv-fg select{border:1px solid var(--color-border);border-radius:var(--radius-lg);width:100%;font-size:15px;font-family:var(--font-body);outline:none;padding:12px 16px;transition:border .2s}.sv-fg input:focus,.sv-fg textarea:focus,.sv-fg select:focus{border-color:var(--color-primary)}.sv-fg textarea{resize:vertical}.sv-grid-2{grid-template-columns:1fr 1fr;gap:20px;display:grid}.sv-priority-info{background:var(--color-placeholder);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-muted);margin-top:8px;padding:12px;font-size:13px;line-height:1.7}.mv-inner{max-width:880px;margin:0 auto;padding:24px 24px 60px}.mv-hero{flex-direction:column;gap:8px;margin-bottom:28px;display:flex}.mv-hero-badge{background:var(--color-primary-bg);color:var(--color-primary);border-radius:var(--radius-full);align-items:center;gap:6px;width:fit-content;padding:6px 14px;font-size:12px;font-weight:600;display:inline-flex}.mv-hero h1{font-family:var(--font-display);color:var(--color-heading);letter-spacing:-.03em;margin:0;font-size:28px;font-weight:700}.mv-hero h1 span{color:var(--color-primary)}.mv-hero p{color:var(--color-muted);max-width:560px;margin:0;font-size:14px;line-height:1.6}.mv-toolbar{flex-direction:column;gap:12px;margin-bottom:20px;display:flex}.mv-search-row{border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-surface);align-items:center;gap:10px;padding:4px 4px 4px 16px;transition:border-color .2s,box-shadow .2s;display:flex}.mv-search-row:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-glow)}.mv-search-row svg{color:var(--color-muted);flex-shrink:0}.mv-search-row input{font-size:14px;font-family:var(--font-body);color:var(--color-text);background:0 0;border:none;outline:none;flex:1;min-width:0;padding:10px 0}.mv-search-row input::placeholder{color:var(--color-muted)}.mv-search-clear{width:32px;height:32px;color:var(--color-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex}.mv-search-clear:hover{background:var(--color-pill-bg);color:var(--color-text)}.mv-filter-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.mv-filter-row select{border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:13px;font-family:var(--font-body);background:var(--color-surface);color:var(--color-text);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%239C958C' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;outline:none;flex:1;min-width:120px;padding:8px 32px 8px 12px;transition:border-color .2s,box-shadow .2s}.mv-filter-row select:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-glow)}.mv-filter-row select option{background:var(--color-surface);color:var(--color-text)}.mv-layer-row{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:14px;display:flex}.mv-layer-label{cursor:pointer;color:var(--color-text);-webkit-user-select:none;user-select:none;border-radius:var(--radius-full);border:1px solid var(--color-border);background:var(--color-surface);align-items:center;gap:8px;padding:6px 14px;font-size:13px;font-weight:500;transition:border-color .2s,background .2s;display:inline-flex}.mv-layer-label:hover{border-color:var(--color-primary);background:var(--color-primary-bg)}.mv-layer-label input[type=checkbox]{accent-color:var(--color-primary);cursor:pointer;width:16px;height:16px}.mv-view-toggle{border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-surface);gap:0;width:fit-content;margin-bottom:16px;padding:3px;display:flex;overflow:hidden}.mv-view-toggle button{cursor:pointer;color:var(--color-muted);border-radius:var(--radius-full);transition:all .2s var(--ease-out);background:0 0;border:none;padding:7px 18px;font-size:13px;font-weight:500}.mv-view-toggle button.active{background:var(--color-primary);color:#fff;box-shadow:var(--shadow-sm)}.mv-view-toggle button:not(.active):hover{color:var(--color-text);background:var(--color-pill-bg)}.mv-map-wrap{background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:24px;transition:box-shadow .3s;position:relative;overflow:hidden}.mv-map-wrap:hover{box-shadow:var(--shadow-md)}.mv-map{z-index:1;height:520px}.mv-legend{z-index:10;background:var(--color-header-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);flex-direction:column;gap:5px;padding:10px 14px;font-size:12px;font-weight:500;display:flex;position:absolute;top:14px;right:14px}.mv-legend span{color:var(--color-text);align-items:center;gap:8px;display:flex}.mv-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px;display:inline-block}.mv-dot-red{background:#ef4444;box-shadow:0 0 6px #ef444466}.mv-dot-orange{background:#d97706;box-shadow:0 0 6px #d9770666}.mv-dot-green{background:#059669;box-shadow:0 0 6px #05966966}.mv-loading{height:100%;color:var(--color-muted);flex-direction:column;justify-content:center;align-items:center;gap:12px;font-size:14px;display:flex}.mv-loading-spinner{border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;width:28px;height:28px;animation:.8s linear infinite mv-spin}@keyframes mv-spin{to{transform:rotate(360deg)}}.mv-empty-msg{z-index:10;background:var(--color-header-bg);-webkit-backdrop-filter:blur(12px);border-radius:var(--radius-lg);color:var(--color-muted);border:1px solid var(--color-border);box-shadow:var(--shadow-md);text-align:center;padding:24px 32px;font-size:14px;line-height:1.6;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.mv-fab{z-index:10;background:var(--color-primary);color:#0a0612;border-radius:var(--radius-full);font-size:14px;font-weight:600;font-family:var(--font-display);cursor:pointer;box-shadow:var(--shadow-glow);transition:transform .2s var(--ease-out), box-shadow .2s var(--ease-out);border:none;align-items:center;gap:8px;padding:12px 22px;display:inline-flex;position:absolute;bottom:24px;right:24px}.mv-fab:hover{box-shadow:var(--shadow-glow), var(--shadow-lg);transform:translateY(-2px)}.mv-fab:active{transform:translateY(0)scale(.97)}.mv-fab svg{flex-shrink:0;width:18px;height:18px}.mv-my-location-btn{z-index:10;background:var(--color-surface);width:38px;height:38px;color:var(--color-primary);border:1px solid var(--color-border);cursor:pointer;box-shadow:var(--shadow-md);border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute;bottom:90px;right:24px}.mv-my-location-btn:hover{border-color:var(--color-primary);box-shadow:var(--shadow-glow);transform:scale(1.08)}.mv-my-location-btn:active{transform:scale(.92)}.mv-marker{justify-content:center;align-items:center;width:36px;height:36px;display:flex;position:relative}.mv-marker-inner{background:currentColor;border:3px solid #fff;border-radius:50%;width:20px;height:20px;transition:transform .2s;position:relative;box-shadow:0 2px 8px #0000004d}.mv-marker:hover .mv-marker-inner{transform:scale(1.2)}.mv-marker-pulse{opacity:0;border:3px solid;border-radius:50%;animation:2s ease-out infinite mv-pulse;position:absolute;inset:-4px}@keyframes mv-pulse{0%{opacity:.5;transform:scale(1)}to{opacity:0;transform:scale(1.8)}}.mv-list-wrap{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);animation:.3s mv-fadeIn;display:none;overflow:hidden}@keyframes mv-fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.mv-list-inner{max-height:540px;padding:8px;overflow-y:auto}.mv-list-inner::-webkit-scrollbar{width:5px}.mv-list-inner::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}.mv-list-card{border-radius:var(--radius-md);cursor:pointer;transition:all .2s var(--ease-out);border:1px solid #0000;flex-direction:column;gap:6px;margin-bottom:6px;padding:14px 16px;display:flex}.mv-list-card:last-child{margin-bottom:0}.mv-list-card:hover{background:var(--color-surface-hover);border-color:var(--color-border);transform:translate(4px)}.mv-list-head{align-items:center;gap:8px;display:flex}.mv-list-status{border-radius:var(--radius-full);align-items:center;gap:4px;padding:2px 10px;font-size:11px;font-weight:600;display:inline-flex}.mv-list-priority{text-transform:uppercase;letter-spacing:.04em;color:var(--color-muted);margin-left:auto;font-size:10px;font-weight:700}.mv-list-title{color:var(--color-heading);font-size:15px;font-weight:600;line-height:1.4}.mv-list-meta{color:var(--color-muted);align-items:center;gap:4px;font-size:12px;display:flex}.mv-list-stats{color:var(--color-muted);border-top:1px solid var(--color-border);align-items:center;gap:12px;padding-top:4px;font-size:11px;display:flex}.mv-list-empty{text-align:center;color:var(--color-muted);padding:48px 20px;font-size:14px;line-height:1.6}.leaflet-popup-content-wrapper{overflow:hidden;border-radius:var(--radius-md)!important;box-shadow:var(--shadow-lg)!important;padding:0!important}.leaflet-popup-content{min-width:240px;max-width:300px;font-family:var(--font-body)!important;margin:0!important;font-size:14px!important}.leaflet-popup-tip{box-shadow:none!important}.mv-popup{padding:16px}.mv-popup-header{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px;display:flex}.mv-popup-status{border-radius:var(--radius-full);align-items:center;gap:4px;padding:2px 10px;font-size:11px;font-weight:600;display:inline-flex}.mv-popup-priority{text-transform:uppercase;letter-spacing:.04em;color:var(--color-muted);font-size:10px;font-weight:700}.mv-popup-title{color:var(--color-heading);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:6px;font-size:16px;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.mv-popup-meta{color:var(--color-muted);margin-bottom:6px;font-size:12px;line-height:1.5}.mv-popup-body{color:var(--color-text);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-bottom:10px;font-size:13px;line-height:1.5;display:-webkit-box;overflow:hidden}.mv-popup-footer{color:var(--color-muted);border-top:1px solid var(--color-border);align-items:center;gap:12px;padding-top:10px;font-size:12px;display:flex}.mv-popup-link{color:var(--color-primary);margin-left:auto;font-size:12px;font-weight:600;text-decoration:none;transition:opacity .15s}.mv-popup-link:hover{opacity:.8;text-decoration:underline}.leaflet-marker-icon:hover{filter:brightness(1.15);z-index:1000!important}.leaflet-control-layers{border-radius:var(--radius-sm)!important;border:1px solid var(--color-border)!important;box-shadow:var(--shadow-sm)!important}.leaflet-control-layers-toggle{background-size:18px 18px!important;width:36px!important;height:36px!important}.leaflet-control-zoom a{color:var(--color-text)!important;background:var(--color-surface)!important;border-color:var(--color-border)!important}.leaflet-control-zoom a:hover{background:var(--color-surface-hover)!important}.dark-mode .mv-legend{border-color:var(--color-border);background:#0c0a16d9}.dark-mode .mv-my-location-btn{background:var(--color-surface);border-color:var(--color-border);color:var(--color-primary)}.dark-mode .mv-search-row{background:var(--color-surface);border-color:var(--color-border)}.dark-mode .mv-filter-row select{background:var(--color-surface);border-color:var(--color-border);color:var(--color-text)}.dark-mode .mv-filter-row select option{background:var(--color-card-bg)}.dark-mode .mv-layer-label,.dark-mode .mv-view-toggle{background:var(--color-surface);border-color:var(--color-border)}.dark-mode .mv-view-toggle button{color:var(--color-muted)}.dark-mode .mv-view-toggle button.active{color:#0a0612}.dark-mode .mv-list-stats{color:var(--color-muted);border-top-color:var(--color-border)}.dark-mode .mv-empty-msg{border-color:var(--color-border);color:var(--color-muted);background:#0c0a16d9}.dark-mode .mv-loading{color:var(--color-muted)}@media (max-width:768px){.mv-inner{padding:16px 12px 40px}.mv-hero h1{font-size:22px}.mv-hero p{font-size:13px}.mv-map{height:380px}.mv-search-row{padding:2px 2px 2px 12px}.mv-search-row input{padding:8px 0;font-size:13px}.mv-filter-row select{flex:1;min-width:0;padding:7px 28px 7px 10px;font-size:12px}.mv-legend{padding:8px 10px;font-size:11px;top:10px;right:10px}.mv-list-inner{max-height:400px}.mv-list-card{padding:12px}.mv-view-toggle{width:100%}.mv-view-toggle button{text-align:center;flex:1;padding:7px 12px;font-size:12px}.mv-fab{padding:10px 16px;font-size:13px;bottom:16px;right:16px}.mv-my-location-btn{width:34px;height:34px;bottom:80px;right:16px}.mv-layer-label{padding:5px 12px;font-size:12px}.leaflet-popup-content{min-width:200px;max-width:260px}}@media (max-width:480px){.mv-inner{padding:12px 8px 32px}.mv-hero h1{font-size:20px}.mv-map{height:300px}.mv-filter-row{gap:6px}.mv-filter-row select{min-width:0;padding:6px 24px 6px 8px;font-size:11px}.mv-legend{gap:4px;padding:6px 8px;font-size:10px;top:8px;right:8px}.mv-view-toggle button{padding:6px 10px;font-size:11px}.mv-list-card{padding:10px}.mv-list-title{font-size:14px}}.sv-map-box{border-radius:var(--radius-lg);border:2px solid var(--color-border);z-index:1;height:280px;overflow:hidden}.sv-upload-box{border:2px dashed var(--color-border);border-radius:var(--radius-lg);background:var(--color-placeholder);text-align:center;padding:32px 20px 28px}.sv-upload-box h2{margin:0 0 4px;font-size:18px}.sv-upload-box p{color:var(--color-muted);margin:0 0 16px;font-size:13px}.sv-dropzone{border:2px dashed var(--color-border);border-radius:var(--radius-md);cursor:pointer;padding:24px 16px;transition:border-color .2s,background .2s}.sv-dropzone:hover{border-color:var(--color-primary);background:rgba(var(--color-primary-rgb,153, 27, 27), .03)}.sv-dropzone-dragging{border-color:var(--color-primary);background:rgba(var(--color-primary-rgb,153, 27, 27), .08)}.sv-file-card{background:var(--color-card-bg,#fff);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:default;width:180px;transition:box-shadow .2s;position:relative;overflow:hidden}.sv-file-card:hover{box-shadow:0 2px 8px #00000014}.sv-file-card-remove{color:#fff;text-align:center;cursor:pointer;z-index:2;background:#0009;border-radius:50%;width:24px;height:24px;font-size:15px;line-height:24px;transition:background .15s;position:absolute;top:6px;right:6px}.sv-file-card-remove:hover{background:#ef4444}.sv-lightbox{z-index:10000;cursor:pointer;background:#000000d9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.sv-lightbox-content{cursor:default;max-width:95vw;max-height:95vh;position:relative}.sv-lightbox-close{color:#fff;cursor:pointer;background:0 0;border:none;padding:4px 10px;font-size:28px;line-height:1;position:absolute;top:-36px;right:0}.sv-lightbox-close:hover{opacity:.7}.dark-mode .sv-lightbox{background:#000000e6}.sv-anonymous-box{background:var(--color-placeholder);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:16px}.sv-checkbox-container{cursor:pointer;align-items:center;gap:10px;font-weight:600;display:flex}.sv-checkbox-container input{width:18px;height:18px}.sv-anonymous-box small{color:var(--color-muted);margin-top:8px;font-size:13px;display:block}.sv-guideline-card{background:var(--color-placeholder);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:24px}.sv-guideline-card h3{margin:0 0 12px;font-size:16px}.sv-guideline-card ul{margin:0;padding-left:16px}.sv-guideline-card li{color:var(--color-text);margin-bottom:6px;font-size:14px}.sv-submit-btn{border-radius:var(--radius-lg);background:var(--color-primary);color:#fff;cursor:pointer;border:none;padding:16px;font-size:17px;font-weight:700;transition:background .2s}.sv-submit-btn:hover{background:var(--color-primary-hover)}.sv-footer{text-align:center;color:var(--color-muted);padding:32px 24px;font-size:14px;line-height:1.8}.sv-footer a{color:var(--color-primary);font-weight:500}.sv-footer a:hover{text-decoration:underline}.sv-tabs{border-bottom:2px solid var(--color-border);gap:0;margin-bottom:28px;display:flex}.sv-tab{color:var(--color-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-2px;padding:12px 24px;font-size:15px;font-weight:600;transition:all .2s}.sv-tab:hover{color:var(--color-text)}.sv-tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.sv-reports-section{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:36px;padding:24px}.sv-table-wrap{overflow-x:auto}.sv-table{border-collapse:collapse;width:100%;font-size:14px}.sv-table th{text-align:left;color:var(--color-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid var(--color-border);padding:12px 14px;font-size:13px;font-weight:700}.sv-table td{border-bottom:1px solid var(--color-pill-bg);color:var(--color-text);padding:12px}.sv-table tr:hover td{background:var(--color-placeholder)}.sv-table-row-clickable{cursor:pointer}.sv-status-badge{border-radius:var(--radius-lg);padding:4px 12px;font-size:12px;font-weight:600;display:inline-block}.sv-status-open{color:var(--color-danger);background:#fee2e2}.sv-status-progress{color:var(--color-warning);background:#fef3c7}.sv-status-resolved{color:var(--color-success);background:#d1fae5}.sv-status-rejected{color:#991b1b;background:#fca5a5}.od-header{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.od-header h1{margin:0;font-size:24px;font-weight:700}.od-header-meta{color:var(--color-muted);font-size:12px}.od-primary-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:16px;display:grid}.od-primary-card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:22px 24px;transition:box-shadow .2s;position:relative;overflow:hidden}.od-primary-card:hover{box-shadow:var(--shadow-md)}.od-primary-card:before{content:"";border-radius:4px 0 0 4px;width:4px;height:100%;position:absolute;top:0;left:0}.od-primary-card--total:before{background:var(--color-primary)}.od-primary-card--open:before{background:#dc2626}.od-primary-card--review:before{background:#d97706}.od-primary-card--resolved:before{background:#059669}.od-primary-value{color:var(--color-heading);margin-bottom:4px;font-size:30px;font-weight:700;line-height:1.1}.od-primary-label{color:var(--color-muted);font-size:13px;font-weight:500}.od-secondary-row{gap:12px;margin-bottom:32px;display:flex}.od-secondary-item{background:var(--color-bg);border:1px solid var(--color-border);border-radius:10px;flex:1;align-items:center;gap:16px;padding:14px 20px;transition:box-shadow .2s;display:flex}.od-secondary-item:hover{box-shadow:var(--shadow-sm)}.od-secondary-value{color:var(--color-heading);font-size:22px;font-weight:700;line-height:1}.od-secondary-label{color:var(--color-muted);font-size:12px}.od-analytics-section{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:32px;padding:28px}.od-analytics-section h2{color:var(--color-heading);margin:0 0 24px;font-size:17px;font-weight:600}.od-analytics-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.od-chart-group{min-width:0}.od-chart-group-title{color:var(--color-muted);text-transform:uppercase;letter-spacing:.04em;margin:0 0 16px;font-size:13px;font-weight:600}.od-bar{align-items:center;gap:10px;margin-bottom:10px;display:flex}.od-bar:last-child{margin-bottom:0}.od-bar-label{color:var(--color-muted);text-align:right;white-space:nowrap;text-overflow:ellipsis;min-width:88px;font-size:12px;overflow:hidden}.od-bar-track{background:var(--color-pill-bg);border-radius:11px;flex:1;height:22px;overflow:hidden}.od-bar-fill{border-radius:11px;min-width:6px;height:100%;transition:width .5s}.od-bar-count{color:var(--color-muted);min-width:32px;font-size:12px;font-weight:600}.od-reports-section{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:32px;padding:28px}.od-reports-section h2{color:var(--color-heading);margin:0 0 20px;font-size:17px;font-weight:600}.od-filters{flex-wrap:wrap;gap:10px;margin-bottom:20px;display:flex}.od-filter-select,.od-filter-input{border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text);border-radius:8px;padding:8px 12px;font-family:inherit;font-size:13px;transition:border-color .15s}.od-filter-select:hover,.od-filter-input:hover{border-color:var(--color-primary)}.od-filter-select:focus,.od-filter-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-bg);outline:none}.od-empty{text-align:center;color:var(--color-muted);padding:40px 20px;font-size:14px}.dark-mode .od-primary-card,.dark-mode .od-secondary-item,.dark-mode .od-analytics-section,.dark-mode .od-reports-section{background:var(--color-bg);border-color:var(--color-border)}.dark-mode .od-primary-value,.dark-mode .od-secondary-value,.dark-mode .od-analytics-section h2,.dark-mode .od-reports-section h2,.dark-mode .od-chart-group-title{color:#f3f4f6}.dark-mode .od-primary-label,.dark-mode .od-secondary-label{color:var(--color-muted)}.dark-mode .od-bar-track{background:#334155}.dark-mode .od-bar-count{color:var(--color-muted)}.dark-mode .od-filter-select,.dark-mode .od-filter-input{background:var(--color-bg);border-color:var(--color-border);color:var(--color-text)}.sv-reports-map-wrap{border-radius:var(--radius-lg);border:1px solid var(--color-border);margin-top:20px;position:relative;overflow:hidden}.sv-reports-map{z-index:1;height:320px}.sv-modal{z-index:800;background:#00000080;justify-content:center;align-items:center;padding:20px;display:none;position:fixed;inset:0;overflow-y:auto}.sv-modal.active{display:flex}.sv-modal-content{background:var(--color-bg);border-radius:var(--radius-lg);width:100%;max-width:520px;padding:32px;animation:.25s modalIn}.sv-modal-content h2{font-family:var(--font-display);margin:0 0 20px;font-size:22px}.sv-review-item{background:var(--color-placeholder);border-radius:var(--radius-md);margin-bottom:14px;padding:12px}.sv-review-label{color:var(--color-muted);margin-bottom:4px;font-size:13px;font-weight:700}.sv-modal-buttons{gap:12px;margin-top:24px;display:flex}.sv-modal-buttons button{border-radius:var(--radius-md);cursor:pointer;border:none;flex:1;padding:12px;font-size:15px;font-weight:600;transition:all .2s}.sv-edit-btn{background:var(--color-border);color:var(--color-text)}.sv-edit-btn:hover{background:var(--color-placeholder)}.sv-confirm-btn{background:var(--color-primary);color:#fff}.sv-confirm-btn:hover{background:var(--color-primary-hover)}@media (max-width:768px){.sv-inner{padding:20px 16px 40px}.sv-hero-title{font-size:24px}.sv-form-section{padding:24px}.sv-grid-2{grid-template-columns:1fr}.sv-modal-content{padding:24px}}.pv-inner{max-width:900px;margin:0 auto;padding:24px}.pv-cover{border-radius:var(--radius-lg) var(--radius-lg) 0 0;background:var(--color-primary);height:220px;position:relative;overflow:hidden}.pv-cover:after{content:"";pointer-events:none;background:linear-gradient(135deg,#00000026 0%,#0000 50%);position:absolute;inset:0}.pv-cover-btn{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;border-radius:var(--radius-md);cursor:pointer;z-index:1;background:#00000040;border:none;padding:10px 18px;font-size:14px;transition:background .2s;position:absolute;top:16px;right:16px}.pv-cover-btn:hover{background:#0006}.pv-card{background:var(--color-bg);border-radius:0 0 var(--radius-lg) var(--radius-lg);border:1px solid var(--color-border);border-top:none;padding:0 32px 32px}.pv-card-top{flex-wrap:wrap;gap:24px;margin-top:-60px;display:flex}.pv-avatar{border:5px solid var(--color-bg);background:linear-gradient(135deg, var(--color-primary), var(--color-accent));color:#fff;z-index:2;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:120px;height:120px;font-size:40px;font-weight:700;display:flex;position:relative;box-shadow:0 2px 12px #00000026}.pv-user-info{min-width:200px;padding-top:70px}.pv-user-info h1{font-family:var(--font-display);margin:0;font-size:26px}.pv-username{color:var(--color-muted);margin-top:4px;font-size:15px}.pv-badges{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.pv-badge{background:var(--color-primary-bg);color:var(--color-primary);border-radius:var(--radius-lg);padding:6px 12px;font-size:12px;font-weight:600}.pv-bio{color:var(--color-muted);max-width:500px;margin-top:12px;font-size:14px;line-height:1.6}.pv-actions{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.pv-btn{border-radius:var(--radius-md);cursor:pointer;border:none;padding:12px 20px;font-size:14px;font-weight:600;transition:all .2s}.pv-btn-primary{background:var(--color-primary);color:#fff}.pv-btn-primary:hover{background:var(--color-primary-hover)}.pv-btn-secondary{background:var(--color-pill-bg);color:var(--color-text)}.pv-btn-secondary:hover{background:var(--color-border)}.pv-stats{grid-template-columns:repeat(4,1fr);gap:16px;margin-top:28px;display:grid}.pv-stat{border:1px solid var(--color-border);border-radius:var(--radius-lg);text-align:center;background:#fafafa;padding:20px}.pv-stat h2{font-family:var(--font-display);color:var(--color-primary);margin:0;font-size:28px}.pv-stat p{color:var(--color-muted);margin-top:4px;font-size:13px}.pv-main{grid-template-columns:280px 1fr;gap:24px;margin-top:24px;display:grid}.pv-side-card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:20px;padding:24px}.pv-side-card h3{margin:0 0 14px;font-size:16px}.pv-info{margin-bottom:14px}.pv-info span{color:var(--color-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:2px;font-size:12px;font-weight:600;display:block}.pv-achievement{background:var(--color-placeholder);border-radius:var(--radius-md);margin-bottom:8px;padding:12px;font-size:14px}.pv-tabs{flex-wrap:wrap;gap:8px;margin-bottom:18px;display:flex}.pv-tab{border-radius:var(--radius-lg);background:var(--color-pill-bg);cursor:pointer;border:none;padding:8px 18px;font-size:14px;transition:all .2s}.pv-tab.active{background:var(--color-primary);color:#fff}.pv-report{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:14px;padding:20px}.pv-report h3{margin:0;font-size:16px}.pv-report p{color:var(--color-text);margin:8px 0;font-size:14px;line-height:1.6}.pv-meta{color:var(--color-muted);font-size:13px}.pv-s-badge{border-radius:var(--radius-lg);white-space:nowrap;padding:4px 12px;font-size:12px;font-weight:600;display:inline-block}.pv-s-open{background:var(--color-pill-bg);color:var(--color-muted)}.pv-s-progress{color:var(--color-muted);background:#d1d5db}.pv-s-resolved{color:var(--color-success);background:#0596691a}.pv-empty{text-align:center;color:var(--color-muted);padding:40px 20px;font-size:15px}.pv-modal-overlay{z-index:800;background:#00000080;justify-content:center;align-items:center;padding:20px;display:none;position:fixed;inset:0}.pv-modal-overlay.show{display:flex}.pv-modal-box{background:var(--color-bg);border-radius:var(--radius-lg);width:100%;max-width:520px;max-height:90vh;padding:24px;animation:.25s modalIn;overflow-y:auto}.pv-modal-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.pv-modal-header h2{font-family:var(--font-display);margin:0;font-size:22px}.pv-modal-close{background:var(--color-pill-bg);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;transition:background .2s;display:flex}.pv-modal-close:hover{background:var(--color-border)}.pv-modal-wide{max-width:820px}.pv-settings-layout{border:1px solid var(--color-border);border-radius:var(--radius-lg);gap:0;max-height:62vh;display:flex;overflow:hidden}.pv-settings-nav{border-right:1px solid var(--color-border);background:#fafafa;flex-shrink:0;width:200px;padding:8px 0;overflow-y:auto}.pv-settings-nav-btn{text-align:left;cursor:pointer;width:100%;color:var(--color-text);background:0 0;border:none;border-right:3px solid #0000;padding:12px 18px;font-size:13px;font-weight:500;transition:all .15s;display:block}.pv-settings-nav-btn:hover{background:var(--color-primary-bg);color:var(--color-primary)}.pv-settings-nav-btn.active{background:var(--color-primary-bg);color:var(--color-primary);border-right-color:var(--color-primary);font-weight:600}.pv-settings-content{flex:1;padding:20px;overflow-y:auto}.pv-setting-pane{display:none}.pv-setting-pane.active{display:block}.pv-photo-section{border-bottom:1px solid var(--color-border);margin-bottom:20px;padding-bottom:20px}.pv-photo-label{margin-bottom:8px;font-size:14px;font-weight:600;display:block}.pv-photo-row{align-items:center;gap:16px;display:flex}.pv-photo-thumb{background:var(--color-placeholder);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;display:flex;overflow:hidden}.pv-photo-thumb img{object-fit:cover;width:100%;height:100%}.pv-photo-thumb svg{width:32px;height:32px;color:var(--color-muted)}.pv-photo-thumb-cover{border-radius:8px;width:120px;height:68px}.pv-photo-actions{gap:8px;display:flex}.pv-btn-danger{color:var(--color-danger);cursor:pointer;background:#fee2e2;border:none;border-radius:8px;padding:8px 16px;font-size:14px;font-weight:500}.pv-btn-danger:hover{background:#fecaca}.pv-btn-danger:disabled{opacity:.5;cursor:not-allowed}.dark-mode .pv-btn-danger{color:#fca5a5;background:#7f1d1d}.dark-mode .pv-btn-danger:hover{background:#991b1b}.pv-pane-desc{color:var(--color-muted);margin:0 0 20px;font-size:14px}.pv-pane-sub{color:var(--color-text);margin:24px 0 12px;font-size:15px;font-weight:600}.pv-fg{margin-bottom:18px}.pv-fg>label{margin-bottom:6px;font-size:14px;font-weight:600;display:block}.pv-fg input:not([type=radio]):not([type=checkbox]),.pv-fg textarea,.pv-fg select{border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%;font-size:15px;font-family:var(--font-body);box-sizing:border-box;outline:none;padding:12px 14px;transition:border .2s}.pv-fg input:not([type=radio]):not([type=checkbox]):focus,.pv-fg textarea:focus,.pv-fg select:focus{border-color:var(--color-primary)}.pv-fg textarea{resize:vertical;min-height:80px}.pv-radio-group{flex-wrap:wrap;gap:16px;padding-top:4px;display:flex}.pv-radio-group label{cursor:pointer;align-items:center;gap:6px;font-size:14px;font-weight:400;display:flex}.pv-toggle{cursor:pointer;align-items:center;gap:10px;font-size:14px;font-weight:400!important;display:flex!important}.pv-toggle input{width:18px;height:18px;accent-color:var(--color-primary)}.pv-chips{flex-wrap:wrap;gap:8px;padding-top:4px;display:flex}.pv-chip{border-radius:var(--radius-lg);background:var(--color-pill-bg);color:var(--color-text);cursor:pointer;border:1px solid var(--color-border);padding:6px 14px;font-size:13px;transition:all .15s}.pv-chip.selected{background:var(--color-primary-bg);color:var(--color-primary);border-color:var(--color-primary)}.pv-hint{color:var(--color-muted);margin:4px 0 0;font-size:14px}.pv-modal-actions{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}@media (max-width:768px){.pv-settings-layout{flex-direction:column;max-height:none}.pv-settings-nav{border-right:none;border-bottom:1px solid var(--color-border);flex-wrap:wrap;gap:0;width:100%;display:flex}.pv-settings-nav-btn{text-align:center;border-bottom:3px solid #0000;border-right:none;flex:1 0 auto;width:auto;padding:10px 8px;font-size:12px}.pv-settings-nav-btn.active{border-bottom-color:var(--color-primary);border-right-color:#0000}}#authView{padding:40px 20px}.main-content{padding-top:var(--header-h)}.auth-container{max-width:440px;padding-top:var(--header-h);margin:0 auto}.auth-logo-link{text-align:center;font-family:var(--font-display);color:var(--color-heading);margin-bottom:24px;font-size:28px;font-weight:700;text-decoration:none;display:block}.auth-logo-link .logo-accent{color:var(--color-primary)}.dark-mode .auth-logo-link{color:var(--color-text)}.auth-card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:40px 36px}.auth-title{font-family:var(--font-display);text-align:center;margin:0 0 6px;font-size:26px}.auth-role-tabs{border:1px solid var(--color-border);border-radius:var(--radius-md);gap:0;margin:16px 0 20px;display:flex;overflow:hidden}.auth-role-tab{background:var(--color-bg);color:var(--color-text);cursor:pointer;border:none;flex:1;padding:10px;font-size:14px;font-weight:600;transition:background .2s,color .2s}.auth-role-tab:not(:last-child){border-right:1px solid var(--color-border)}.auth-role-tab.active{background:var(--color-primary);color:#fff}.auth-role-tab:hover:not(.active){background:var(--color-pill-bg)}.auth-subtitle{text-align:center;color:var(--color-muted);margin:0 0 24px;font-size:14px}.auth-fg{margin-bottom:18px}.auth-fg>label{margin-bottom:6px;font-size:14px;font-weight:600;display:block}.auth-fg input{border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%;font-size:15px;font-family:var(--font-body);box-sizing:border-box;outline:none;padding:12px 14px;transition:border .2s}.auth-fg input:focus{border-color:var(--color-primary)}.auth-pw-wrap{position:relative}.auth-pw-wrap input{padding-right:44px}.auth-pw-toggle{cursor:pointer;color:var(--color-muted);background:0 0;border:none;align-items:center;padding:4px;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.auth-pw-toggle:hover{color:var(--color-text)}.auth-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:20px;display:flex}.auth-check{cursor:pointer;align-items:center;gap:8px;font-size:14px;font-weight:400;display:flex}.auth-check input{width:16px;height:16px;accent-color:var(--color-primary)}.auth-link{color:var(--color-primary);cursor:pointer;background:0 0;border:none;padding:0;font-size:14px;font-weight:500;text-decoration:underline}.auth-link:hover{color:var(--color-primary-hover)}.auth-btn{border-radius:var(--radius-lg);cursor:pointer;width:100%;font-size:16px;font-weight:600;font-family:var(--font-body);border:none;padding:12px;transition:all .2s}.auth-btn-primary{background:var(--color-primary);color:#fff}.auth-btn-primary:hover{background:var(--color-primary-hover)}.auth-switch{text-align:center;color:var(--color-muted);margin-top:20px;font-size:14px}.otp-info{text-align:center;color:var(--color-muted);margin:0 0 8px;font-size:14px}.otp-inputs{flex-direction:row;justify-content:center;align-items:center;gap:10px;width:100%;margin:16px 0 20px;display:flex}.otp-inputs input{text-align:center;width:48px;height:52px;font-size:22px;font-weight:600;font-family:var(--font-body);border:1.5px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg);color:var(--color-text);outline:none;flex:0 0 48px;padding:0;line-height:52px;transition:border-color .2s}.otp-inputs input:focus{border-color:var(--color-primary)}.otp-resend{flex-wrap:wrap;justify-content:center;align-items:center;gap:4px;margin-top:12px;display:flex}@media (max-width:480px){.otp-inputs{gap:6px}.otp-inputs input{flex:0 0 40px;width:40px;height:46px;font-size:18px;line-height:46px}}.su-otp-row{align-items:stretch;gap:12px;display:flex}.su-otp-input{border:1.5px solid var(--color-border);border-radius:var(--radius-lg);min-width:0;font-size:15px;font-family:var(--font-body);letter-spacing:2px;outline:none;flex:1;padding:12px 16px;transition:border .2s}.su-otp-input:focus{border-color:var(--color-primary)}.su-send-btn{border-radius:var(--radius-lg);background:var(--color-pill-bg);color:var(--color-text);cursor:pointer;font-size:15px;font-weight:600;font-family:var(--font-body);white-space:nowrap;border:none;flex-shrink:0;padding:0 24px;transition:background .2s}.su-send-btn:hover{background:var(--color-border)}.su-send-btn:disabled{opacity:.7;cursor:not-allowed}.su-verify-status{color:#16a34a;margin-top:10px;font-size:13px;font-weight:600;display:none}.su-opt-label{color:var(--color-muted);font-weight:500}.su-pw-input{padding-right:44px}.su-checkbox{cursor:pointer;align-items:center;gap:10px;margin:24px 0;display:flex}.su-checkbox input{width:18px;height:18px;accent-color:var(--color-primary);flex-shrink:0}.su-checkbox span{color:var(--color-muted);font-size:14px;line-height:1.5}.su-checkbox a{color:var(--color-primary);font-weight:600;text-decoration:none}.fp-screen{animation:.3s fpFadeIn}.fp-otp-row{align-items:stretch;gap:12px;margin:8px 0 12px;display:flex}.fp-otp-input{border:1.5px solid var(--color-border);border-radius:var(--radius-lg);min-width:0;font-size:15px;font-family:var(--font-body);letter-spacing:2px;outline:none;flex:1;padding:12px 16px;transition:border .2s}.fp-otp-input:focus{border-color:var(--color-primary)}.fp-send-btn{border-radius:var(--radius-lg);background:var(--color-pill-bg);color:var(--color-text);cursor:pointer;font-size:15px;font-weight:600;font-family:var(--font-body);white-space:nowrap;border:none;flex-shrink:0;padding:0 24px;transition:background .2s}.fp-send-btn:hover{background:var(--color-border)}.fp-resend{text-align:right;color:var(--color-muted);margin-bottom:24px;font-size:13px}.fp-verify-btn{background:var(--color-primary)!important;color:#fff!important;border-radius:var(--radius-lg)!important;padding:16px!important;font-size:17px!important;font-weight:700!important;transition:transform .2s,box-shadow .2s!important}.fp-verify-btn:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.fp-requirements{background:var(--color-placeholder);border-radius:var(--radius-lg);margin-bottom:24px;padding:16px 18px}.fp-requirements p{color:var(--color-text);margin-bottom:6px;font-size:13px}.fp-requirements p:last-child{margin-bottom:0}.fp-success-screen{text-align:center;padding:20px 0}.fp-success-icon{color:#16a34a;background:#dcfce7;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 24px;font-size:36px;display:flex}.fp-success-title{font-family:var(--font-display);color:var(--color-text);margin:0 0 10px;font-size:22px;font-weight:700}.fp-success-text{color:var(--color-muted);margin:0 0 32px;font-size:14px}@media (max-width:768px){.pv-inner{padding:16px}.pv-cover{border-radius:var(--radius-lg) var(--radius-lg) 0 0;height:160px}.pv-card{padding:0 16px 24px}.pv-card-top{gap:16px;margin-top:-50px}.pv-avatar{width:90px;height:90px;font-size:30px}.pv-user-info{padding-top:55px}.pv-main{grid-template-columns:1fr}.pv-stats{grid-template-columns:repeat(2,1fr)}.pv-user-info h1{font-size:22px}.pv-modal-box{padding:20px}}@media (max-width:480px){.pv-stats{grid-template-columns:1fr}}.dm-toggle{width:36px;height:36px;color:var(--color-text);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;transition:background .2s;display:flex}.dm-toggle:hover{background:var(--color-pill-bg)}.dm-toggle svg{width:20px;height:20px}.dm-sun{display:block}.dm-moon,.dark-mode .dm-sun{display:none}.dark-mode .dm-moon{display:block}.notif-btn{width:36px;height:36px;color:var(--color-text);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;transition:background .2s;display:flex}.notif-btn:hover{background:var(--color-pill-bg)}.notif-btn svg{width:20px;height:20px}.notif-badge-count{color:#fff;text-align:center;pointer-events:none;background:#ef4444;border-radius:10px;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:700;line-height:16px;position:absolute;top:2px;right:2px}.profile-btn{width:36px;height:36px;color:var(--color-text);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;transition:background .2s;display:flex}.profile-btn:hover{background:var(--color-pill-bg)}.profile-btn svg{width:20px;height:20px}.lang-toggle{border:1px solid var(--color-border);width:36px;height:36px;color:var(--color-text);cursor:pointer;border-radius:var(--radius-sm);font-size:12px;font-weight:700;font-family:var(--font-sans);background:0 0;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:background .2s;display:flex}.lang-toggle:hover{background:var(--color-pill-bg)}.lang-toggle span{line-height:1}.dark-mode .search-box{border-color:var(--color-border);background:#ffffff0a}.dark-mode .search-box:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px #c084fc26}.dark-mode .search-box input{color:var(--color-text)}.dark-mode .search-icon{color:var(--color-muted)}.dark-mode .btn-text{color:var(--color-text)}.dark-mode .sidebar-overlay{background:#0009}.dark-mode .side-link{color:var(--color-muted)}.dark-mode .side-link:hover{color:var(--color-text);background:var(--color-pill-bg)}.dark-mode .side-link.active{color:var(--color-primary);background:var(--color-primary-bg)}.dark-mode .user-avatar-btn:hover{box-shadow:0 0 0 3px var(--color-primary), 0 4px 16px var(--color-primary-glow)}.dark-mode .dm-toggle:hover{background:#ffffff0f}.dark-mode .toast{border:1px solid var(--color-border);box-shadow:var(--shadow-lg), var(--shadow-glow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0e0a1ef2}.dark-mode .hm-impact-grid{border-color:var(--color-border)}.dark-mode .hm-impact-stat{background:var(--color-surface)}.dark-mode .hm-impact-stat:hover{background:var(--color-surface-hover)}.dark-mode .hm-impact-icon{background:var(--color-primary-bg);color:var(--color-primary)}.dark-mode .hm-report{background:var(--color-card-bg)}.dark-mode .hm-ward-card{background:var(--color-surface)}.dark-mode .hm-ward-card:hover{background:var(--color-surface-hover)}.dark-mode .hm-step-icon{background:var(--color-primary-bg);color:var(--color-primary)}.dark-mode .hm-step:hover .hm-step-icon{background:#a855f733}.dark-mode .hm-cat-icon{background:var(--color-surface)}.dark-mode .hm-cat-card:hover .hm-cat-icon{background:var(--color-primary-bg);border-color:#a855f740}.dark-mode .hm-guide-num{background:var(--color-surface);border-color:#a855f740}.dark-mode .hm-guide-step:hover .hm-guide-num{background:var(--color-primary);border-color:var(--color-primary);color:#0a0612}.dark-mode .hm-guide-icon{background:var(--color-primary-bg);color:var(--color-primary)}.dark-mode .hm-em-list{background:var(--color-surface)}.dark-mode .hm-em-row:hover{background:var(--color-primary-bg)}.dark-mode .sv-form-section{background:var(--color-card-bg);border-color:var(--color-border)}.dark-mode .sv-fg label{color:var(--color-text)}.dark-mode .sv-fg input,.dark-mode .sv-fg textarea,.dark-mode .sv-fg select{background:var(--color-bg);border-color:var(--color-border);color:var(--color-text)}.dark-mode .sv-priority-info{background:var(--color-placeholder);border-color:var(--color-border);color:var(--color-muted)}.dark-mode .sv-upload-box{background:var(--color-placeholder);border-color:var(--color-border)}.dark-mode .sv-upload-box p{color:var(--color-muted)}.dark-mode .sv-dropzone{border-color:var(--color-border)}.dark-mode .sv-dropzone:hover{border-color:var(--color-primary);background:#ffffff08}.dark-mode .sv-dropzone-dragging{border-color:var(--color-primary);background:#ffffff0f}.dark-mode .sv-file-card{background:var(--color-bg);border-color:var(--color-border)}.dark-mode .sv-anonymous-box{background:var(--color-placeholder);border-color:var(--color-border)}.dark-mode .sv-anonymous-box small{color:var(--color-muted)}.dark-mode .sv-guideline-card{background:var(--color-placeholder);border-color:var(--color-border)}.dark-mode .sv-guideline-card li{color:var(--color-text)}.dark-mode .sv-footer{color:var(--color-muted)}.dark-mode .sv-tabs{border-bottom-color:var(--color-border)}.dark-mode .sv-tab{color:var(--color-muted)}.dark-mode .sv-tab:hover{color:var(--color-text)}.dark-mode .sv-reports-section{background:var(--color-card-bg);border-color:var(--color-border)}.dark-mode .sv-table th{color:var(--color-muted);border-bottom-color:var(--color-border)}.dark-mode .sv-table td{color:var(--color-text);border-bottom-color:var(--color-border)}.dark-mode .sv-table tr:hover td{background:var(--color-surface)}.dark-mode .sv-modal-content{background:var(--color-card-bg)}.dark-mode .sv-review-item{background:var(--color-placeholder)}.dark-mode .sv-review-label{color:var(--color-muted)}.dark-mode .sv-edit-btn{background:var(--color-surface);color:var(--color-text)}.dark-mode .mv-map-wrap,.dark-mode .mv-legend{background:var(--color-bg);border-color:var(--color-border)}.dark-mode .mv-search-row .mv-search-input,.dark-mode .mv-filter-row select{background:var(--color-bg);border-color:var(--color-border);color:var(--color-text)}.dark-mode .mv-layer-row label{color:var(--color-text)}.dark-mode .mv-view-toggle{border-color:var(--color-border)}.dark-mode .mv-view-toggle button{background:var(--color-bg);color:var(--color-text);border-color:var(--color-border)}.dark-mode .mv-view-toggle button:not(:last-child){border-right-color:var(--color-border)}.dark-mode .mv-view-toggle button:hover:not(.active){background:var(--color-pill-bg)}.dark-mode .mv-list-wrap{background:var(--color-bg);border-color:var(--color-border)}.dark-mode .mv-list-card{border-color:var(--color-pill-bg)}.dark-mode .mv-list-card:hover{background:var(--color-placeholder);border-color:var(--color-border)}.dark-mode .mv-list-title{color:var(--color-text)}.dark-mode .mv-list-meta,.dark-mode .mv-list-stats{color:var(--color-muted)}.dark-mode .mv-empty-msg{background:var(--color-bg);border-color:var(--color-border);color:var(--color-muted)}.dark-mode .pv-cover{background:linear-gradient(135deg,#c084fc59,#f472b633)}.dark-mode .pv-card{background:var(--color-card-bg);border-color:var(--color-border)}.dark-mode .pv-stat{background:var(--color-placeholder);border-color:var(--color-border)}.dark-mode .pv-stat p{color:var(--color-muted)}.dark-mode .pv-side-card{background:var(--color-card-bg);border-color:var(--color-border)}.dark-mode .pv-side-card h3{color:var(--color-text)}.dark-mode .pv-info span{color:var(--color-muted)}.dark-mode .pv-achievement{background:var(--color-placeholder)}.dark-mode .pv-tab{background:var(--color-pill-bg);color:var(--color-text)}.dark-mode .pv-report{background:var(--color-card-bg);border-color:var(--color-border)}.dark-mode .pv-report p{color:var(--color-text)}.dark-mode .pv-meta,.dark-mode .pv-empty{color:var(--color-muted)}.dark-mode .pv-modal-overlay{background:#000000b3}.dark-mode .pv-modal-box{background:var(--color-card-bg)}.dark-mode .pv-modal-close{background:var(--color-pill-bg);color:var(--color-text)}.dark-mode .pv-pane-desc{color:var(--color-muted)}.dark-mode .pv-pane-sub,.dark-mode .pv-fg>label{color:var(--color-text)}.dark-mode .pv-fg input,.dark-mode .pv-fg textarea,.dark-mode .pv-fg select{background:var(--color-bg);border-color:var(--color-border);color:var(--color-text)}.dark-mode .pv-hint{color:var(--color-muted)}.dark-mode .pv-chip{background:var(--color-pill-bg);border-color:var(--color-border);color:var(--color-text)}.dark-mode .pv-chip.selected{background:var(--color-primary-bg);border-color:var(--color-primary);color:var(--color-primary)}.dark-mode .pv-settings-layout{border-color:var(--color-border)}.dark-mode .pv-settings-nav{background:var(--color-placeholder);border-color:var(--color-border)}.dark-mode .pv-settings-nav-btn{color:var(--color-text)}.dark-mode .pv-settings-nav-btn:hover,.dark-mode .pv-settings-nav-btn.active{background:var(--color-primary-bg);color:var(--color-primary)}.dark-mode .pv-btn-secondary{background:var(--color-pill-bg);color:var(--color-text)}.dark-mode .pv-btn-secondary:hover{background:#475569}.dark-mode .auth-card{background:var(--color-card-bg);border-color:var(--color-border)}.dark-mode .auth-subtitle{color:var(--color-muted)}.dark-mode .auth-fg>label{color:var(--color-text)}.dark-mode .auth-fg input{background:var(--color-bg);border-color:var(--color-border);color:var(--color-text)}.dark-mode .auth-card .auth-role-tabs{border-color:var(--color-border)}.dark-mode .auth-card .auth-role-tab{background:var(--color-card-bg);color:var(--color-text)}.dark-mode .auth-card .auth-role-tab.active{background:var(--color-primary);color:#0a0612}.dark-mode .auth-card .auth-role-tab:not(:last-child){border-right-color:var(--color-border)}.dark-mode .auth-card .auth-role-tab:hover:not(.active){background:var(--color-pill-bg)}.dark-mode .auth-check{color:var(--color-text)}.dark-mode .auth-switch{color:var(--color-muted)}.dark-mode .auth-error{color:var(--color-danger)!important}.dark-mode .fp-requirements{background:var(--color-placeholder)}.dark-mode .fp-requirements p{color:var(--color-text)}.dark-mode .su-send-btn{background:var(--color-pill-bg);color:var(--color-text)}.dark-mode .su-otp-input,.dark-mode .fp-otp-input{background:var(--color-bg);border-color:var(--color-border);color:var(--color-text)}.dark-mode .fp-send-btn{background:var(--color-pill-bg);color:var(--color-text)}.dark-mode .fp-success-title{color:var(--color-text)}.dark-mode .fp-success-text,.dark-mode .cf-comment-time,.dark-mode .rd-meta-label,.dark-mode .rd-progress-date,.dark-mode .rd-empty-text,.dark-mode .rd-comment-date{color:var(--color-muted)}.dark-mode .rd-video-wrapper{background:#000}.dark-mode .rd-img-fallback,.dark-mode .rd-img-fallback i{color:var(--color-muted)}.dark-mode .user-avatar-btn,.dark-mode .pv-avatar{border-color:var(--color-pill-bg)}.dark-mode .fp-success-icon{color:#4ade80;background:#4ade8026}.dark-mode .notif-badge-count{color:#fff;background:#dc2626}.dark-mode .hm-report-status[data-status]{color:var(--color-muted)}.dark-mode .ward-progress,.dark-mode .skeleton-avatar,.dark-mode .skeleton-line,.dark-mode .skeleton-media,.dark-mode .skeleton-pill{background:var(--color-pill-bg)}.dark-mode .sv-status-open{color:#fca5a5;background:#ef444426}.dark-mode .sv-status-progress{color:#fde68a;background:#fbbf2426}.dark-mode .sv-status-resolved{color:#86efac;background:#22c55e26}.dark-mode .sv-status-rejected,.dark-mode .pv-s-open{color:#fca5a5;background:#ef444426}.dark-mode .pv-s-progress{color:#fde68a;background:#fbbf2426}.dark-mode .pv-s-resolved{color:#86efac;background:#22c55e26}@keyframes dark-mode-fade-in{0%{opacity:0}to{opacity:1}}@media (max-width:980px){.dark-mode .sidebar{background:var(--color-bg);border-right-color:var(--color-border)}.dark-mode .feed-panel.feed-active{border-left-color:var(--color-border)}}.official-manage-link{border:1px solid var(--color-primary);background:var(--color-bg);color:var(--color-primary);cursor:pointer;border-radius:6px;margin-left:8px;padding:4px 10px;font-size:11px;font-weight:600;text-decoration:none;transition:background .15s;display:inline-block}.official-manage-link:hover{background:var(--color-primary-bg)}.dark-mode .not-found-page{background:var(--color-bg)}.dark-mode .not-found-title{color:#f8fafc!important}.dark-mode .not-found-subtitle{color:#f1f5f9!important}.dark-mode .not-found-text{color:#94a3b8!important}.dark-mode .page-wrapper h1,.dark-mode .page-wrapper h2,.dark-mode .page-wrapper h3,.dark-mode .page-wrapper strong{color:var(--color-text)}.dark-mode .page-wrapper p,.dark-mode .page-wrapper li,.dark-mode .page-wrapper .subtitle,.dark-mode .page-wrapper .last-updated{color:var(--color-muted)}.dark-mode .page-wrapper .highlight-box{background:var(--color-placeholder)}.dark-mode .page-wrapper .highlight-box p{color:var(--color-text)}.dark-mode .page-wrapper .value-card{background:var(--color-placeholder);border-color:var(--color-border)}.dark-mode .page-wrapper .value-card p{color:var(--color-muted)}.dark-mode .page-wrapper .contact-card{background:var(--color-placeholder);border-color:var(--color-border)}.dark-mode .page-wrapper .contact-card i{color:var(--color-text)}.dark-mode .page-wrapper .contact-card p{color:var(--color-muted)}.dark-mode .page-wrapper .contact-form{background:var(--color-bg);border-color:var(--color-border)}.dark-mode .page-wrapper .contact-form label{color:var(--color-text)}.dark-mode .page-wrapper .contact-form input,.dark-mode .page-wrapper .contact-form textarea{background:var(--color-bg);border-color:var(--color-border);color:var(--color-text)}.dark-mode .page-wrapper .faq-item{border-color:var(--color-border)}.dark-mode .page-wrapper .faq-question{background:var(--color-placeholder);color:var(--color-text)}.dark-mode .page-wrapper .faq-question:hover{background:var(--color-pill-bg)}.dark-mode .page-wrapper .faq-answer{background:var(--color-bg);color:var(--color-muted)}.dark-mode .page-wrapper .faq-category{border-bottom-color:var(--color-border)}.dark-mode .page-wrapper .policy-section{background:0 0;border:none;margin-bottom:16px;padding:0}.dark-mode .page-wrapper .terms-box{background:var(--color-placeholder);border-color:var(--color-border)}.dark-mode .page-wrapper .form-success{background:var(--color-badge-resolved);color:var(--color-success)}.dark-mode .sv-footer{border-top-color:var(--color-border)!important}.dark-mode .lang-toggle{border-color:var(--color-border);color:var(--color-text)}.dark-mode .lang-toggle:hover{background:var(--color-pill-bg)}.mod-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:28px;display:flex}.mod-subtitle{color:var(--color-muted);margin:0;font-size:14px}.mod-count-badge{background:var(--color-bg);border:1px solid var(--color-border);border-radius:10px;flex-direction:column;flex-shrink:0;align-items:center;padding:10px 20px;display:flex}.mod-count-num{color:var(--color-text);font-size:26px;font-weight:700;line-height:1.1}.mod-count-label{color:var(--color-muted);text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:600}.mod-list{flex-direction:column;gap:16px;display:flex}.mod-item{border:1px solid var(--color-border);background:var(--color-bg);border-radius:12px;align-items:stretch;transition:box-shadow .2s,border-color .2s;display:flex;overflow:hidden}.mod-item:hover{box-shadow:0 2px 12px #0000000f}.mod-item-bar{flex-shrink:0;width:4px}.mod-item-bar--flagged{background:var(--color-text)}.mod-item-bar--approved,.mod-item-bar--rejected{background:var(--color-muted)}.mod-item-body{flex:1;min-width:0;padding:20px 24px}.mod-item-top{margin-bottom:12px}.mod-item-heading{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:6px;display:flex}.mod-item-title{color:var(--color-text);margin:0;font-size:16px;font-weight:700}.mod-item-badge{text-transform:uppercase;letter-spacing:.04em;border:1px solid var(--color-border);color:var(--color-text);background:var(--color-bg);border-radius:20px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-block}.mod-item-byline{color:var(--color-muted);margin-bottom:6px;font-size:13px}.mod-item-reason{color:var(--color-muted);background:var(--color-pill-bg);border-radius:6px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-block}.mod-item-desc{color:var(--color-text);margin:0 0 16px;font-size:14px;line-height:1.6}.mod-item-actions{gap:10px;display:flex}.mod-btn{border:1px solid var(--color-border);cursor:pointer;background:var(--color-bg);color:var(--color-text);border-radius:8px;align-items:center;gap:6px;padding:8px 20px;font-size:13px;font-weight:600;transition:background .15s,transform .1s;display:inline-flex}.mod-btn:hover{background:var(--color-pill-bg)}.mod-btn:active{transform:scale(.97)}.mod-note-section{margin-top:14px}.mod-note-input{border:1px solid var(--color-border);background:var(--color-bg);width:100%;color:var(--color-text);resize:vertical;box-sizing:border-box;border-radius:8px;margin-bottom:10px;padding:10px 12px;font-family:inherit;font-size:13px}.mod-note-input:focus{border-color:var(--color-primary,#2563eb);outline:none}.mod-note-error{color:#ef4444;margin:-6px 0 10px;font-size:13px}.mod-btn--approve{color:var(--color-success);border-color:var(--color-success)}.mod-btn--approve:hover{background:#ecfdf5}.dark-mode .mod-btn--approve:hover{background:#05966926}.mod-btn--reject{color:var(--color-danger);border-color:var(--color-danger)}.mod-btn--reject:hover{background:#fef2f2}.dark-mode .mod-btn--reject:hover{background:#dc262626}.mod-btn--cancel{color:var(--color-muted)}.mod-btn--review{color:var(--color-primary,#2563eb);border-color:var(--color-primary,#2563eb)}.mod-btn--review:hover{background:#2563eb14}.mod-item-statusline{color:var(--color-muted);font-size:13px;font-style:italic}.mod-empty{text-align:center;color:var(--color-muted);padding:60px 20px}.mod-empty svg{opacity:.4;margin-bottom:12px}.mod-empty p{margin:0;font-size:15px}.dark-mode .mod-count-badge{background:var(--color-bg);border-color:var(--color-border)}.dark-mode .mod-count-num{color:var(--color-text)}.dark-mode .mod-item{background:var(--color-bg);border-color:var(--color-border)}.dark-mode .mod-item-badge{border-color:var(--color-border);color:var(--color-text);background:var(--color-bg)}.dark-mode .mod-item-reason{background:var(--color-pill-bg);color:var(--color-muted)}.dark-mode .mod-btn{background:var(--color-bg);color:var(--color-text);border-color:var(--color-border)}.dark-mode .mod-btn:hover{background:var(--color-pill-bg)}.ward-filter-bar{flex-wrap:wrap;gap:8px;margin-bottom:32px;display:flex}.ward-filter-bar input{border:1px solid var(--color-border);background:var(--color-bg);min-width:180px;color:var(--color-heading);border-radius:8px;flex:1;padding:10px 14px;font-family:inherit;font-size:14px}.ward-filter-bar input::placeholder{color:var(--color-muted)}.ward-filter-btn{border:1px solid var(--color-border);background:var(--color-bg);cursor:pointer;color:var(--color-muted);border-radius:8px;padding:10px 18px;font-family:inherit;font-size:13px;font-weight:500;transition:all .15s}.ward-filter-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.ward-filter-btn.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.ward-section{margin-bottom:40px}.ward-section-head{align-items:baseline;gap:12px;margin-bottom:4px;display:flex}.ward-section-count{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:700;display:inline-flex}.ward-section-count--green{background:#10b981}.ward-section-count--amber{background:#f59e0b}.ward-section-count--red{background:#ef4444}.ward-section-title{font-family:var(--font-display);color:var(--color-heading);margin:0;font-size:20px;font-weight:600}.ward-section-desc{color:var(--color-muted);margin:4px 0 16px;font-size:14px}.ward-row{border:1px solid var(--color-border);background:var(--color-bg);border-radius:10px;margin-bottom:10px;transition:box-shadow .15s}.ward-row:hover{box-shadow:0 2px 8px #0000000f}.ward-body{padding:16px 18px}.ward-row-top{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.ward-name{color:var(--color-heading);font-size:16px;font-weight:600}.ward-total{color:var(--color-muted);font-size:13px}.ward-stats{color:var(--color-muted);gap:16px;margin-bottom:10px;font-size:13px;display:flex}.num{margin-right:3px;font-weight:700}.num--green{color:#10b981}.num--amber{color:#f59e0b}.num--red{color:#ef4444}.ward-progress{background:var(--color-pill-bg);border-radius:4px;height:6px;margin-bottom:12px;overflow:hidden}.ward-progress-inner{height:100%;display:flex}.ward-progress-seg{height:100%;transition:width .3s}.ward-progress-resolved{background:#10b981}.ward-progress-review{background:#f59e0b}.ward-progress-open{background:#ef4444}.ward-bottom{justify-content:space-between;align-items:center;gap:12px;display:flex}.ward-tags{flex-wrap:wrap;gap:6px;display:flex}.ward-tags span{background:var(--color-pill-bg);color:var(--color-muted);border-radius:12px;padding:3px 10px;font-size:11px;font-weight:500}.ward-view-link{color:var(--color-primary);white-space:nowrap;align-items:center;gap:6px;font-size:13px;font-weight:500;text-decoration:none;display:inline-flex}.ward-view-link:hover{text-decoration:underline}.dark-mode .ward-filter-bar input{background:var(--color-bg);border-color:var(--color-border);color:var(--color-text)}.dark-mode .ward-filter-bar input::placeholder{color:var(--color-muted)}.dark-mode .ward-filter-btn{background:var(--color-bg);border-color:var(--color-border);color:var(--color-muted)}.dark-mode .ward-filter-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.dark-mode .ward-row{border-color:var(--color-border);background:var(--color-surface)!important}.dark-mode .ward-name{color:var(--color-text)}.dark-mode .ward-total,.dark-mode .ward-stats{color:var(--color-muted)}.dark-mode .ward-section-title{color:var(--color-text)}.dark-mode .ward-tags span{background:var(--color-pill-bg);color:var(--color-muted)}html{overflow-x:hidden}body{width:100%;overflow-x:hidden}@media (max-width:980px){.sidebar{height:100dvh}.sidebar-overlay.show{display:block}.feed-panel{margin:16px;overflow-x:hidden}.layout{max-width:100vw;overflow-x:hidden}.feed-toolbar{flex-wrap:wrap}}@media (max-width:600px){html,body{width:100%;overflow-x:hidden}.header-inner{gap:8px;padding:0 12px}.logo{font-size:18px}.btn{padding:6px 10px;font-size:13px}.header-actions{gap:8px}.user-avatar-btn{width:32px;height:32px;font-size:13px}.site-header{height:60px}:root{--header-h:60px}.notif-btn svg,.dm-toggle svg{width:18px;height:18px}.feed-panel{margin:8px}.feed-toolbar{gap:8px;padding:10px 12px}.feed-tabs{gap:10px}.feed-tab{font-size:13px}.filter-btn{padding:6px 10px;font-size:12px}.filter-menu{z-index:100;width:auto;min-width:0;max-height:50vh;position:fixed;top:auto;left:12px;right:12px}.feed-list{gap:12px;padding:12px 12px 0}.post-card-head{padding:10px 10px 0}.post-body{padding:8px 12px 0;font-size:13px}.post-media{margin:6px 10px}.post-media-item img,.post-media-item video{border-radius:8px;max-height:35vh}.post-actions{gap:2px;padding:4px 6px 10px}.action-group{gap:4px}.action-pill{padding:6px 10px;font-size:12px}.author-name{font-size:14px}.post-meta-row{gap:6px;padding:4px 12px 0}.post-meta-row>span{font-size:11px}.sv-inner{padding:16px 12px 40px}.sv-hero-title{font-size:22px}.sv-form-section{padding:16px}.sv-grid-2{grid-template-columns:1fr;gap:16px}.sv-submit-btn{padding:14px;font-size:15px}.sv-upload-box{padding:24px 16px}.sv-modal-content{margin:0 12px;padding:20px}.sv-modal-buttons{flex-direction:column;gap:8px}.sv-table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.sv-table{font-size:12px}.sv-table th,.sv-table td{white-space:nowrap;padding:8px 10px}.sv-hero-desc,.sv-fg label{font-size:13px}.sv-fg input,.sv-fg textarea,.sv-fg select{padding:10px 12px;font-size:14px}.hm-cat-grid{grid-template-columns:repeat(4,1fr);gap:6px;max-width:100%}.hm-cat-icon{width:36px;height:36px;font-size:18px}.hm-cat-name{font-size:9px}.hm-impact-grid{grid-template-columns:repeat(2,1fr)}.hm-impact-stat{gap:6px;padding:8px 6px}.hm-impact-stat:nth-child(3){border-left:none}.hm-impact-number{font-size:16px}.hm-impact-label{font-size:10px}.hm-impact-desc{display:none}.hm-ward-grid{grid-template-columns:1fr;gap:10px}.hm-em-row{grid-template-columns:1fr;gap:4px;padding:10px 12px}.hm-em-row .hm-em-link{grid-column:1/-1}.hm-map-cta{text-align:center;flex-direction:column;gap:16px}.hm-map-preview{width:100%;height:80px}.hm-hero{padding:24px 12px 0}.home-inner{max-width:100%}.hm-section,.hm-impact,.hm-reports,.hm-wards,.hm-works,.hm-guide,.hm-cats,.hm-mission,.hm-notices,.hm-map-cta,.hm-emergency,.hm-faq{padding:32px 12px}.hm-title{font-size:22px}.hm-btn{padding:8px 14px;font-size:12px}.hm-report-grid{grid-template-columns:1fr;gap:12px}.hm-report{padding:14px}.hm-notice{padding:12px 0}.hm-faq-q{padding:14px 0;font-size:13px}.hm-step,.hm-guide-step{max-width:100%}.hm-mission-left{flex:none}.hm-mission-title{font-size:22px}.pv-inner{padding:16px}.pv-cover{height:140px}.pv-card{padding:16px}.pv-main{grid-template-columns:1fr;gap:16px}.pv-tabs{gap:4px}.pv-tab{padding:8px 12px;font-size:12px}.pv-settings-layout{grid-template-columns:1fr}.pv-settings-nav{flex-direction:row;gap:4px;padding:8px;overflow-x:auto}.pv-settings-nav-btn{white-space:nowrap;padding:8px 12px;font-size:12px}.pv-mobile-cover{height:140px}.page-wrapper{padding:20px 16px!important}.page-wrapper h1{font-size:24px!important}.page-wrapper h2{font-size:18px!important}.contact-grid{grid-template-columns:1fr!important;gap:16px!important}.values-grid{grid-template-columns:1fr!important;gap:12px!important}.ward-filter-bar{flex-wrap:wrap;gap:6px}.ward-filter-btn{padding:5px 12px;font-size:12px}.ward-section{padding:20px 12px}.ward-row{padding:14px}.notice-card{padding:16px}.notice-search input{padding:10px 14px;font-size:14px}.auth-container{padding:20px 16px}.auth-card{padding:24px 20px}.auth-title{font-size:22px}.auth-role-tabs{flex-direction:column}.auth-role-tab{text-align:center}.mv-inner{padding:16px 12px 40px}.mv-map{height:320px}.mv-search-row{flex-direction:column;align-items:stretch}.mv-search-row .mv-search-input{min-width:0}.mv-filter-row{flex-direction:column;align-items:stretch}.mv-filter-row select{min-width:0}.mv-legend{position:relative;top:auto;right:auto}.mv-view-toggle{width:100%}.mv-view-toggle button{text-align:center;flex:1}.mv-fab{padding:10px 16px;font-size:13px;bottom:16px;right:16px}}@media (max-width:400px){.header-inner{gap:4px;padding:0 8px}.logo{font-size:16px}.header-actions{gap:4px}.btn{padding:4px 8px;font-size:12px}.user-avatar-btn{width:28px;height:28px;font-size:11px}.menu-toggle{gap:3px;width:28px;height:28px}.dm-toggle{width:28px;height:28px}.notif-btn svg,.dm-toggle svg{width:16px;height:16px}.filter-menu{max-height:40vh;left:8px;right:8px}.hm-cat-grid{grid-template-columns:repeat(3,1fr)}.hm-impact-stat{flex-direction:column;align-items:flex-start;gap:2px}.hm-impact-icon{display:none}.feed-panel{margin:4px}.feed-toolbar{padding:8px}.feed-tabs{gap:6px}.feed-tab{font-size:12px}.feed-list{gap:8px;padding:8px 8px 0}.post-card-head{flex-direction:column;align-items:flex-start;gap:6px;padding:8px 8px 0}.head-right{width:100%}.sv-inner{padding:12px 8px 32px}.sv-form-section{padding:12px}.sv-hero-title{font-size:18px}.sv-grid-2{gap:12px}.sv-modal-content{padding:16px}.sv-tab{padding:10px 14px;font-size:13px}.sv-table{font-size:11px}.sv-table th,.sv-table td{padding:6px 8px}}.skeleton{pointer-events:none}.skeleton-avatar{background:var(--color-border);border-radius:50%;width:36px;height:36px;animation:1.5s infinite shimmer}.skeleton-line{background:var(--color-border);border-radius:4px;height:14px;animation:1.5s infinite shimmer}.skeleton-line--short{width:40%}.skeleton-line--medium{width:70%}.skeleton-line--xs{width:25%;height:10px;margin-top:4px}.skeleton-media{background:var(--color-border);border-radius:8px;height:160px;animation:1.5s infinite shimmer}.skeleton-pill{background:var(--color-border);border-radius:20px;width:60px;height:28px;animation:1.5s infinite shimmer}.dark-mode .skeleton-avatar,.dark-mode .skeleton-line,.dark-mode .skeleton-media,.dark-mode .skeleton-pill{background:var(--color-border)}.post-title mark{background:#fef08a;border-radius:2px;padding:0 2px}.dark-mode .post-title mark{color:#fef9c3;background:#854d0e}.post-body mark,.author-name mark{background:#fef08a;border-radius:2px;padding:0 2px}.dark-mode .post-body mark,.dark-mode .author-name mark{color:#fef9c3;background:#854d0e}.avatar-img{object-fit:cover;border-radius:50%;flex-shrink:0;width:36px;height:36px}.search-info{color:var(--color-muted);justify-content:space-between;align-items:center;padding:8px 16px;font-size:13px;display:flex}.search-info-clear{color:var(--color-primary);cursor:pointer;background:0 0;border:none;font-size:13px;font-weight:500}.search-info-clear:hover{text-decoration:underline}.retry-btn{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);cursor:pointer;border-radius:8px;align-items:center;gap:6px;margin-top:16px;padding:10px 24px;font-size:14px;font-weight:500;transition:background .15s;display:inline-flex}.retry-btn:hover{background:var(--color-bg)}.pagination{justify-content:center;align-items:center;gap:16px;padding:20px 16px 32px;display:flex}.pagination-btn{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;transition:background .15s,opacity .15s;display:inline-flex}.pagination-btn:hover:not(:disabled){background:var(--color-bg)}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-info{color:var(--color-muted);white-space:nowrap;font-size:13px}.filter-select{border:1px solid var(--color-border);background:var(--color-surface);width:100%;color:var(--color-text);cursor:pointer;border-radius:6px;outline:none;padding:8px 10px;font-size:13px}.filter-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px #a1620726}.filter-group-label{color:var(--color-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:12px;font-weight:600}@media (max-width:768px){.header-inner{gap:12px;padding:0 16px}.logo{font-size:20px}.header-actions{gap:10px}.dm-toggle{width:36px;height:36px}.btn{padding:8px 16px;font-size:13px}.auth-card{padding:24px 20px}.pv-settings-layout{grid-template-columns:1fr;gap:20px}.pv-settings-nav{flex-direction:row;gap:4px;padding:8px;overflow-x:auto}.pv-settings-nav-btn{white-space:nowrap;min-height:40px;padding:8px 14px;font-size:13px}.pv-card{padding:0 20px 24px}.pv-card-top{text-align:center;flex-direction:column;align-items:center}.pv-avatar{border-width:4px;width:90px;height:90px;font-size:30px}.pv-user-info{text-align:center;padding-top:80px}.pv-user-info h1{font-size:22px}.pv-cover{height:160px}.pv-stats{grid-template-columns:repeat(3,1fr);gap:12px}.pv-reports-grid{grid-template-columns:1fr;gap:12px}.pv-tabs{gap:4px;overflow-x:auto}.pv-tab{white-space:nowrap;padding:8px 14px;font-size:13px}.sv-form-section{padding:20px 16px}.sv-hero-title{font-size:22px}.sv-fg input,.sv-fg textarea,.sv-fg select{padding:12px 14px;font-size:16px}.auth-container{padding:20px 16px}.auth-title{font-size:22px}.auth-role-tabs{flex-direction:column}.auth-role-tab{text-align:center;padding:12px}.contact-grid{grid-template-columns:1fr!important;gap:16px!important}.values-grid{grid-template-columns:1fr!important;gap:12px!important}.ward-filter-bar{flex-wrap:wrap;gap:6px}.ward-section{padding:20px 12px}.ward-row{padding:14px}.page-wrapper{padding:20px 16px!important}.page-wrapper h1{font-size:24px!important}.page-wrapper h2{font-size:18px!important}.notif-badge-count{min-width:18px;height:18px;font-size:10px}}@media (max-width:480px){.header-inner{gap:8px;padding:0 12px}.logo{font-size:18px}.header-actions{gap:6px}.dm-toggle{width:32px;height:32px}.dm-toggle svg{width:18px;height:18px}.btn{padding:8px 14px;font-size:12px}.user-avatar-btn{width:32px;height:32px;font-size:13px}.auth-card{border-radius:var(--radius-md);padding:20px 16px}.auth-title{font-size:20px}.pv-avatar{border-width:3px;width:72px;height:72px;font-size:24px}.pv-user-info h1{font-size:20px}.pv-card{padding:0 16px 20px}.pv-cover{border-radius:var(--radius-md) var(--radius-md) 0 0;height:130px}.pv-card-top{margin-top:-45px}.pv-user-info{padding-top:60px}.pv-cover-btn{padding:6px 12px;font-size:12px;top:10px;right:10px}.pv-stats{gap:8px}.sv-form-section{padding:16px 12px}.sv-hero-title{font-size:20px}.sv-hero-desc{font-size:13px}.sv-fg input,.sv-fg textarea,.sv-fg select{padding:10px 12px}.sv-section-title{font-size:14px}.sv-upload-box{padding:24px 16px}.feed-panel{margin:8px}.post-card{padding:12px}.post-title{padding:8px 12px 0;font-size:14px}.post-body{padding:4px 12px 0;font-size:13px}.post-media{margin:8px 12px}.post-meta-row{flex-wrap:wrap;padding:2px 12px 0;font-size:11px}.post-actions{padding:4px 12px}.action-pill{padding:4px 8px;font-size:11px}.action-pill svg{width:16px;height:16px}.filter-btn{padding:5px 10px;font-size:12px}.sv-table{font-size:12px}.sv-table th,.sv-table td{padding:8px 6px}.rd-progress-list{padding-left:16px}.rd-section{padding:20px 12px}.rd-title{font-size:18px}.page-wrapper{padding:16px 12px!important}.page-wrapper h1{font-size:20px!important}}@media (max-width:400px){.header-inner{gap:6px;padding:0 8px}.logo{font-size:16px}.dm-toggle{width:28px;height:28px}.dm-toggle svg{width:16px;height:16px}.hm-title{font-size:22px}.hm-impact-stat{padding:12px}.hm-impact-number{font-size:20px}.hm-cat-grid{grid-template-columns:repeat(5,1fr);gap:4px}.hm-cat-icon{width:36px;height:36px;font-size:14px}.hm-cat-name{font-size:8px}}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}