:root{--brand:#1d5bd8;--ink:#172033;--muted:#68738a;--line:#e8ebf1;--soft:#f6f8fc;--card:#fff;--green:#167b52;--orange:#ce6a09;--amber:#b77806;--red:#cc3b44;--shadow:0 10px 30px #1d376112}*{box-sizing:border-box}body{margin:0;background:var(--soft);color:var(--ink);font:14px 'DM Sans',sans-serif}.hidden{display:none!important}h1,h2,h3{font-family:'Plus Jakarta Sans',sans-serif;margin:0;letter-spacing:-.04em}h1{font-size:30px}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0}.eyebrow{font-size:10px;font-weight:700;letter-spacing:.12em;color:var(--brand)}.auth-screen{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr;background:#fff}.auth-card{max-width:500px;padding:12vh 8vw;margin-left:auto}.brand-mark{display:grid;place-items:center;width:48px;height:48px;background:var(--brand);border-radius:15px;color:white;font:800 25px 'Plus Jakarta Sans';margin-bottom:38px}.brand-mark.small{width:32px;height:32px;border-radius:10px;font-size:17px;margin:0}.auth-card h1{font-size:48px;line-height:1.12;margin:14px 0 18px}.auth-card p{color:var(--muted);line-height:1.65;font-size:16px;max-width:420px}.google{margin:30px 0 16px;background:#18233a;color:#fff;border-radius:10px;padding:15px 20px;width:100%;font-weight:700;font-size:15px}.google span{background:white;color:#4285f4;border-radius:4px;padding:2px 5px;margin-right:10px}.auth-card small{display:block;color:var(--muted);text-align:center}.auth-side{background:linear-gradient(145deg,#174bb1,#2775e9);color:#fff;display:grid;place-items:center;padding:60px}.auth-side>div{max-width:410px}.auth-side .eyebrow{color:#b8d2ff}.auth-side h2{font-size:38px;line-height:1.15;margin:18px 0 42px}.progress-quote{background:#ffffff16;border:1px solid #ffffff30;border-radius:16px;padding:20px;display:flex;align-items:center;gap:16px}.progress-quote b{font:800 36px 'Plus Jakarta Sans'}.progress-quote span{color:#dce9ff}.onboarding{min-height:100vh;background:var(--soft);padding:52px 20px}.profile-form{max-width:680px;margin:auto}.brand-line{display:flex;gap:10px;align-items:center;margin-bottom:55px}.profile-form h1{font-size:38px;margin:10px 0}.profile-form>p{color:var(--muted);line-height:1.6;margin-bottom:30px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.profile-form label{font-weight:700;font-size:12px}.profile-form em{font-style:normal;color:var(--muted);font-weight:400}.profile-form input,.profile-form select,.modal input,.modal select,.modal textarea{display:block;width:100%;margin-top:7px;border:1px solid var(--line);background:var(--card);border-radius:9px;padding:12px;color:var(--ink);outline-color:var(--brand)}.check{display:flex;gap:9px;align-items:start;margin:25px 0!important;line-height:1.45;color:var(--muted);font-weight:400!important}.check input{width:auto;margin:2px 0 0}.primary{background:var(--brand);color:#fff;border-radius:9px;padding:13px 18px;font-weight:700}.primary span{font-size:20px;margin-left:18px}.app{min-height:100vh;display:flex}.sidebar{width:242px;background:#fff;border-right:1px solid var(--line);padding:25px 15px;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0}.logo{display:flex;align-items:center;gap:9px;font:600 16px 'Plus Jakarta Sans';line-height:.95;padding:0 10px 36px}.logo b{color:var(--brand)}nav{display:grid;gap:5px}.nav{background:transparent;color:var(--muted);border-radius:9px;padding:12px 13px;text-align:left;font-weight:600;display:flex;align-items:center;gap:13px;font-size:14px}.nav.active{color:var(--brand);background:#edf4ff}.nav i{font-style:normal;margin-left:auto;font-size:11px;background:#e8edf6;border-radius:8px;padding:2px 7px}.side-bottom{margin-top:auto}.user-mini{border-top:1px solid var(--line);padding:18px 9px 0;display:flex;gap:9px;align-items:center}.avatar{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#e5edff;color:var(--brand);font-size:10px;font-weight:700}.user-mini b,.user-mini small{display:block;font-size:11px}.user-mini small{color:var(--muted);margin-top:3px}.user-mini button{margin-left:auto;background:none;color:var(--muted);font-size:19px}.content{width:calc(100% - 242px);margin-left:242px;padding:38px min(5vw,70px)}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:31px}.header-actions{display:flex;gap:12px;align-items:center}.icon,.notification{background:#fff;border:1px solid var(--line);width:38px;height:38px;border-radius:50%;color:var(--muted);font-size:17px;position:relative}.notification i{position:absolute;right:-2px;top:-2px;background:var(--red);color:#fff;border-radius:10px;font:9px 'DM Sans';padding:2px 5px}.header-actions .avatar{border:0;width:38px;height:38px}.page{display:none}.page.active{display:block}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:30px}.metric,.card{background:var(--card);border:1px solid var(--line);border-radius:13px;box-shadow:var(--shadow)}.metric{padding:19px}.metric .metric-label{color:var(--muted);font-size:12px}.metric b{font:800 28px 'Plus Jakarta Sans';display:block;margin-top:8px}.metric .trend{font-size:11px;color:var(--green);float:right;margin-top:-20px}.home-grid{display:grid;grid-template-columns:1.3fr .8fr;gap:24px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px}.section-heading h2{font-size:18px}.link{background:none;color:var(--brand);font-size:12px;font-weight:700}.issue-list{overflow:hidden}.issue-row{padding:15px 18px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:12px}.issue-row:last-child{border:0}.issue-row .type{height:33px;width:33px;border-radius:9px;background:#edf4ff;color:var(--brand);display:grid;place-items:center}.issue-row b{display:block;font-size:13px}.issue-row small{color:var(--muted);font-size:11px}.issue-row .status{margin-left:auto}.status{font-size:10px;font-weight:700;border-radius:14px;padding:5px 9px;white-space:nowrap}.progress{background:#edf0f4;height:7px;border-radius:8px;overflow:hidden}.progress span{display:block;height:100%;background:var(--brand);border-radius:8px}.initiative{padding:19px;margin-bottom:22px;background:linear-gradient(135deg,#173d8d,#2471dd);color:white;overflow:hidden}.initiative .eyebrow{color:#c0dcff}.initiative h3{font-size:20px;margin:9px 0}.initiative p{color:#dce9ff;font-size:12px;line-height:1.5}.initiative .progress{margin:18px 0 8px;background:#ffffff37}.initiative .progress span{background:#fff}.initiative small{color:#dce9ff}.updates{padding:17px}.update{display:flex;gap:10px;padding:11px 0;border-bottom:1px solid var(--line)}.update:last-child{border:0}.update-dot{width:9px;height:9px;background:var(--brand);border-radius:50%;margin-top:4px}.update b{font-size:12px;display:block}.update small{color:var(--muted)}.page-tools{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.filters{display:flex;gap:9px;flex-wrap:wrap}.filter{background:var(--card);border:1px solid var(--line);padding:9px 12px;border-radius:8px;color:var(--muted);font-size:12px}.tabs{display:flex;gap:18px;border-bottom:1px solid var(--line);margin-bottom:18px}.tab{padding:0 0 10px;background:none;color:var(--muted);font-weight:600}.tab.active{color:var(--brand);border-bottom:2px solid var(--brand)}.issue-cards{display:grid;gap:12px}.issue-card{padding:18px;display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:start}.issue-card h3{font-size:15px;margin-bottom:5px}.issue-card p{color:var(--muted);font-size:12px;margin:0 0 9px}.tags{display:flex;gap:6px;flex-wrap:wrap}.tag{font-size:10px;padding:4px 7px;background:var(--soft);color:var(--muted);border-radius:5px}.tag.high{background:#fff0ef;color:var(--red)}.support{background:#edf4ff;color:var(--brand);border-radius:7px;font-size:11px;font-weight:700;padding:7px 9px}.suggestion-grid,.lost-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.suggestion{padding:19px}.suggestion h3{font-size:16px;margin:12px 0 7px}.suggestion p{font-size:12px;color:var(--muted);line-height:1.5;min-height:37px}.suggestion .footerline{display:flex;justify-content:space-between;align-items:center;margin-top:16px}.photo{height:113px;border-radius:10px;background:linear-gradient(135deg,#c7d9f9,#eff4ff);display:grid;place-items:center;color:#5776ab;font-size:30px}.lost-item{padding:12px}.lost-item .photo{height:138px;background:linear-gradient(135deg,#f0dcb4,#fff6e7)}.lost-item h3{font-size:14px;margin:12px 0 4px}.lost-item small{color:var(--muted)}.council-grid{display:grid;grid-template-columns:1fr 320px;gap:22px}.initiative-full{padding:0;overflow:hidden}.initiative-banner{height:190px;background:linear-gradient(125deg,#142c69,#2878e8);padding:28px;color:white}.initiative-banner h2{font-size:25px;margin:7px 0}.initiative-body{padding:23px}.initiative-body p{color:var(--muted);line-height:1.6}.timeline{margin-top:22px}.timeline-item{border-left:2px solid #dce7fb;padding:0 0 20px 16px;position:relative}.timeline-item:before{content:'';position:absolute;width:9px;height:9px;border-radius:50%;background:var(--brand);left:-5.5px;top:3px}.timeline-item b{font-size:12px}.timeline-item p{margin:4px 0;font-size:12px}.privacy{padding:26px;background:#17233b;color:white}.privacy h2{font-size:21px}.privacy p{color:#c8d3e6;line-height:1.6}.privacy ul{color:#c8d3e6;padding-left:18px;line-height:1.8;font-size:12px}.modal{position:fixed;z-index:5;inset:0;background:#14203c99;display:grid;place-items:center;padding:20px}.modal-box{background:var(--card);border-radius:15px;padding:26px;width:min(570px,100%);max-height:92vh;overflow:auto}.modal-box h2{font-size:23px;margin-bottom:7px}.modal-box p{color:var(--muted);font-size:12px;line-height:1.5}.modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:20px 0}.modal textarea{resize:vertical;min-height:90px}.modal .full{grid-column:1/-1}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.secondary{background:var(--soft);color:var(--muted);border-radius:9px;padding:12px 15px;font-weight:700}.toast{position:fixed;bottom:25px;right:25px;background:#17233b;color:white;padding:13px 17px;border-radius:9px;box-shadow:var(--shadow);z-index:10;font-size:13px}.empty{padding:42px;text-align:center;color:var(--muted)}body.dark{--ink:#eaf0ff;--muted:#a7b1c6;--line:#2c3850;--soft:#101827;--card:#182338;--shadow:0 10px 30px #0004}body.dark .sidebar,body.dark .auth-card{background:var(--card)}body.dark .filter,body.dark input,body.dark select,body.dark textarea{background:#202d45;color:var(--ink)}@media(max-width:850px){.auth-screen{grid-template-columns:1fr}.auth-side{display:none}.auth-card{margin:auto;padding:12vh 30px}.sidebar{width:65px;padding:20px 9px}.logo span,.nav span,.nav i,.user-mini>div:not(.avatar),.side-bottom .nav span{display:none}.logo{padding:0 7px 32px}.nav{justify-content:center;padding:12px}.content{width:calc(100% - 65px);margin-left:65px;padding:25px 20px}.metrics{grid-template-columns:repeat(2,1fr)}.home-grid,.council-grid{grid-template-columns:1fr}.suggestion-grid,.lost-grid{grid-template-columns:1fr 1fr}}@media(max-width:560px){h1{font-size:24px}.form-grid,.modal-grid{grid-template-columns:1fr}.home-grid{gap:18px}.suggestion-grid,.lost-grid{grid-template-columns:1fr}.metrics{gap:8px}.metric{padding:13px}.metric b{font-size:23px}.header-actions .notification{display:none}.issue-card{grid-template-columns:auto 1fr}.issue-card .support{grid-column:2}.auth-card h1{font-size:39px}}