.login-body{background:#fff}.login-layout{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.login-brand-panel{background:radial-gradient(circle at 15% 80%,rgba(35,143,199,.32),transparent 28%),linear-gradient(135deg,#071c34,#0a4974);padding:56px clamp(35px,6vw,90px);color:#d5e6f3;display:flex;flex-direction:column;justify-content:space-between}.brand.light{color:#fff}.brand.light small{color:#c2d5e4}.login-copy{max-width:560px;margin-top:20vh}.login-copy h1{font-size:clamp(2.4rem,4vw,4rem);color:#fff;margin:16px 0}.login-copy p{font-size:1.1rem}.login-form-panel{display:grid;place-items:center;padding:40px}.login-form{width:min(430px,100%)}.login-form h2{font-size:2.2rem;margin:8px 0}.login-form>p{color:var(--muted);margin-bottom:30px}.login-form .field{margin-bottom:18px}.login-form>.btn{width:100%;margin-top:5px}.back-link{display:inline-flex;margin-bottom:55px;color:var(--blue);font-weight:700}.login-help{display:flex;gap:9px;color:var(--muted);font-size:.85rem;margin-top:25px;align-items:center}.login-help .icon{width:18px}.admin-body{background:#f3f6f9}.admin-shell{min-height:100vh;display:grid;grid-template-columns:258px minmax(0,1fr)}.sidebar{background:#081f38;color:#b8cad9;height:100vh;position:sticky;top:0;padding:25px 16px;display:flex;flex-direction:column;z-index:40}.sidebar-brand{color:#fff;padding:0 10px 27px;border-bottom:1px solid #294058}.sidebar-brand small{color:#9db3c4}.sidebar nav{padding-top:25px}.nav-label{font:600 .65rem 'Lexend';letter-spacing:.12em;text-transform:uppercase;color:#70899d;padding:0 13px 10px;display:block}.sidebar nav>a,.sidebar-bottom>a{display:flex;align-items:center;gap:13px;min-height:46px;padding:10px 13px;border-radius:9px;margin:3px 0;font-weight:600}.sidebar nav>a .icon,.sidebar-bottom>a .icon{width:20px}.sidebar nav>a:hover,.sidebar nav>a.active,.sidebar-bottom>a:hover{background:#113a60;color:#fff}.sidebar nav>a b{margin-left:auto;background:#d5414e;color:#fff;min-width:23px;height:23px;border-radius:12px;display:grid;place-items:center;font-size:.7rem}.sidebar-bottom{margin-top:auto;border-top:1px solid #294058;padding-top:15px}.admin-content{min-width:0}.topbar{height:92px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 34px;gap:18px}.topbar>div:nth-child(2){flex:1}.topbar h1{font-size:1.4rem;margin:0;color:var(--navy)}.topbar p{font-size:.8rem;color:var(--muted);margin:2px 0}.user-menu{display:flex;gap:10px;align-items:center}.user-menu strong,.user-menu small{display:block}.user-menu strong{font-size:.82rem;color:var(--ink)}.user-menu small{color:var(--muted);font-size:.74rem}.avatar{width:40px;height:40px;background:#e3f2fa;color:var(--blue);border-radius:50%;display:grid;place-items:center;font:600 .9rem 'Lexend'}.sidebar-toggle{display:none;width:46px;height:46px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--navy)}.admin-main{padding:30px 34px 55px;max-width:1600px;margin:auto}.welcome-card{border-radius:16px;background:linear-gradient(110deg,#0a2847,#086893);color:#d8e8f3;padding:28px 32px;display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:22px}.welcome-card h2{color:#fff;margin:5px 0;font-size:1.65rem}.welcome-card p{margin:0}.welcome-card .eyebrow{font-size:.67rem}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin-bottom:22px}.stat-card{background:#fff;border:1px solid var(--line);border-radius:13px;padding:20px;display:flex;gap:15px;align-items:flex-start;box-shadow:0 3px 12px rgba(14,38,64,.04)}.stat-card>span{width:46px;height:46px;border-radius:10px;display:grid;place-items:center;flex:none}.stat-card.blue>span{background:#e7f3fa;color:var(--blue)}.stat-card.amber>span{background:#fff3da;color:#a66203}.stat-card.purple>span{background:#f2ebff;color:#7045b8}.stat-card.green>span{background:#e7f7f0;color:var(--green)}.stat-card small,.stat-card strong,.stat-card em{display:block}.stat-card small{color:var(--muted);font-weight:600}.stat-card strong{font-size:1.75rem;color:var(--navy);line-height:1.2}.stat-card em{font-style:normal;color:#83909c;font-size:.75rem}.admin-card{background:#fff;border:1px solid var(--line);border-radius:13px;box-shadow:0 3px 12px rgba(14,38,64,.04)}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(270px,.55fr);gap:20px}.card-head{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:21px 24px;border-bottom:1px solid var(--line)}.card-head h2{font-size:1.05rem;margin:0}.card-head p{font-size:.8rem;color:var(--muted);margin:3px 0 0}.card-head>a{color:var(--blue);font-weight:700;font-size:.85rem}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}th{text-align:left;padding:11px 16px;color:#647484;background:#f7f9fb;text-transform:uppercase;letter-spacing:.04em;font-size:.68rem}td{padding:14px 16px;border-top:1px solid #edf1f4;font-size:.85rem;vertical-align:middle}td strong{color:var(--navy);font-size:.8rem}.table-title,td small{display:block}.table-title{font-weight:700;color:var(--ink);max-width:300px;overflow:hidden;text-overflow:ellipsis}.table-action{width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--line);border-radius:7px;font-size:1.4rem;color:var(--blue)}.table-action:hover{background:var(--sky)}.empty-cell{text-align:center;padding:45px;color:var(--muted)}.category-card{padding-bottom:18px}.bar-row{padding:12px 23px 4px}.bar-row>div:first-child{display:flex;justify-content:space-between;gap:10px;margin-bottom:7px;font-size:.82rem}.bar-row strong{color:var(--ink)}.bar-row span{font-weight:700;color:var(--muted)}.bar-track{height:7px;border-radius:10px;background:#e8eef3;overflow:hidden}.bar-track i{display:block;height:100%;background:linear-gradient(90deg,var(--blue),#39a0ce);border-radius:10px}.page-actions{display:flex;justify-content:space-between;align-items:center}.page-actions p{color:var(--muted)}.filter-bar,.report-filter{display:flex;gap:10px;align-items:flex-end;background:#fff;border:1px solid var(--line);border-radius:12px;padding:15px;margin:8px 0 18px}.filter-bar select{height:44px;border:1px solid #c5d1dc;border-radius:8px;padding:0 10px;background:#fff}.search-control{min-width:280px;flex:1;position:relative}.search-control .icon{position:absolute;left:12px;top:11px;color:#768797}.search-control input{width:100%;height:44px;border:1px solid #c5d1dc;border-radius:8px;padding:0 12px 0 42px}.priority{border-radius:5px;padding:4px 8px;font-weight:700;font-size:.7rem}.priority-normal{background:#eef1f4;color:#576674}.priority-sedang{background:#fff1d4;color:#905900}.priority-tinggi{background:#ffe9ec;color:#a12937}.detail-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.detail-top>div{display:flex;gap:8px}.complaint-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:20px}.complaint-content{display:grid;gap:20px}.complaint-card{padding:28px}.complaint-title{border-bottom:1px solid var(--line);padding-bottom:20px}.complaint-title h2{font-size:1.6rem;margin:6px 0}.complaint-title p{color:var(--muted);margin:0}.meta-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:22px 0}.meta-grid>div{background:#f6f8fa;border-radius:8px;padding:12px}.meta-grid small,.meta-grid strong{display:block}.meta-grid small{color:var(--muted);font-size:.72rem}.meta-grid strong{font-size:.8rem;color:var(--ink)}.narrative h3,.attachments h3{font-size:.9rem}.narrative p{color:#344b5d;white-space:normal}.attachments{border-top:1px solid var(--line);padding-top:18px;margin-top:25px}.attachments>a{display:inline-flex;gap:10px;align-items:center;border:1px solid var(--line);border-radius:8px;padding:10px 13px;margin:0 8px 8px 0}.attachments>a:hover{border-color:var(--blue)}.attachments strong,.attachments small{display:block}.attachments small{font-size:.7rem;color:var(--muted)}.history-card{padding-bottom:22px}.admin-timeline{padding:25px}.internal-note{margin-top:10px;background:#fff7e4;color:#76500b;border-radius:7px;padding:10px;font-size:.82rem}.complaint-sidebar{display:grid;gap:18px;align-content:start}.reporter-card,.action-card,.settings-card{padding:22px}.reporter-card h2,.action-card h2{font-size:1.03rem}.reporter-card dl{margin:0}.reporter-card dt{color:var(--muted);font-size:.72rem;margin-top:13px}.reporter-card dd{margin:2px 0;color:var(--ink);font-weight:600;font-size:.85rem;overflow-wrap:anywhere}.reporter-card dd a{color:var(--blue)}.confidential{font-size:.6rem;background:#fff0d9;color:#8d5500;padding:3px 6px;border-radius:4px}.action-card .field,.settings-card .field{margin-bottom:15px}.action-card .btn,.settings-card>.btn{width:100%}.report-filter .field{min-width:180px}.report-stats{grid-template-columns:repeat(3,1fr)}.report-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:20px}.status-summary{padding:18px 22px}.status-summary>div{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:13px 0}.status-summary strong{color:var(--navy);font-size:1.2rem}.management-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:20px;align-items:start}.mini-button{border:1px solid #bfccd7;background:#fff;border-radius:6px;color:var(--blue);padding:5px 9px;cursor:pointer;font-weight:700;font-size:.72rem}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.settings-card .card-head{padding:0 0 20px;margin-bottom:20px}.rating-form{text-align:left}.rating-form fieldset{border:0;padding:0;margin:20px 0}.rating-form legend{font-weight:700;text-align:center;width:100%;margin-bottom:14px}.rating-options{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.rating-options label{cursor:pointer;text-align:center;border:1px solid var(--line);padding:10px 4px;border-radius:8px}.rating-options input{position:absolute;opacity:0}.rating-options span,.rating-options small{display:block}.rating-options span{font:700 1.1rem 'Lexend';color:var(--navy)}.rating-options small{font-size:.68rem}.rating-options label:has(input:checked){background:var(--sky);border:2px solid var(--blue);padding:9px 3px}.rating-form>.btn{width:100%;margin-top:20px}
@media(max-width:1200px){.stat-grid{grid-template-columns:1fr 1fr}.dashboard-grid{grid-template-columns:1fr}.category-card{min-height:300px}.complaint-layout{grid-template-columns:1fr}.complaint-sidebar{grid-template-columns:1fr 1fr}.management-grid{grid-template-columns:1fr}.action-card{max-width:none}}
@media(max-width:900px){.login-layout{grid-template-columns:1fr}.login-brand-panel{display:none}.admin-shell{grid-template-columns:1fr}.sidebar{position:fixed;left:-280px;top:0;width:258px;transition:left .2s}.sidebar.open{left:0}.sidebar-toggle{display:grid;place-items:center}.topbar{padding:0 20px}.admin-main{padding:24px 20px}.filter-bar{flex-wrap:wrap}.search-control{min-width:100%}.meta-grid{grid-template-columns:1fr 1fr}.report-grid,.settings-grid{grid-template-columns:1fr}}
@media(max-width:600px){.login-form-panel{padding:25px}.admin-main{padding:18px 14px}.topbar{height:76px;padding:0 14px}.topbar h1{font-size:1.08rem}.topbar p,.user-menu>span:last-child{display:none}.welcome-card{align-items:flex-start;flex-direction:column;padding:23px}.stat-grid,.report-stats{grid-template-columns:1fr}.filter-bar,.report-filter{align-items:stretch;flex-direction:column}.filter-bar select,.filter-bar .btn,.report-filter .btn{width:100%}.report-filter .field{min-width:0}.complaint-card{padding:20px 16px}.meta-grid{grid-template-columns:1fr}.complaint-sidebar{grid-template-columns:1fr}.detail-top{align-items:flex-start;gap:12px;flex-direction:column}.rating-options{grid-template-columns:1fr}.rating-options label{display:flex;gap:10px;align-items:center;text-align:left}.rating-options small{font-size:.8rem}}

.notification-center{position:relative}.notification-button{position:relative;width:46px;height:46px;border:1px solid var(--line);border-radius:50%;background:#fff;color:var(--navy);display:grid;place-items:center;cursor:pointer}.notification-button:hover,.notification-center.open .notification-button{background:#edf7fc;border-color:#9ac7df}.notification-count{position:absolute;right:-3px;top:-4px;min-width:21px;height:21px;padding:0 5px;border:2px solid #fff;border-radius:12px;background:#cf3342;color:#fff;display:grid;place-items:center;font:700 .65rem 'Lexend'}.notification-count.hidden{display:none}.notification-dropdown{display:none;position:absolute;right:0;top:56px;width:min(390px,calc(100vw - 28px));background:#fff;border:1px solid var(--line);border-radius:13px;box-shadow:0 20px 50px rgba(9,31,54,.18);overflow:hidden;z-index:60}.notification-center.open .notification-dropdown{display:block}.notification-head{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:17px 18px;border-bottom:1px solid var(--line)}.notification-head strong,.notification-head small{display:block}.notification-head small{font-size:.76rem;color:var(--muted)}.notification-head button{border:0;background:transparent;color:var(--blue);font-weight:700;font-size:.75rem;cursor:pointer}.notification-list{max-height:365px;overflow-y:auto}.notification-list>a{display:grid;grid-template-columns:9px 1fr;gap:11px;padding:14px 18px;border-bottom:1px solid #eef2f5}.notification-list>a:hover{background:#f2f8fb}.notification-list strong,.notification-list small,.notification-list time{display:block}.notification-list strong{color:var(--ink);font-size:.84rem;white-space:normal}.notification-list small{color:#52677a;font-size:.75rem}.notification-list time{color:#8795a2;font-size:.7rem;margin-top:3px}.notice-dot{width:8px;height:8px;border-radius:50%;background:#1683bb;margin-top:7px}.notification-empty{padding:35px 20px;text-align:center;color:var(--muted)}.notification-footer{display:block;padding:12px;text-align:center;color:var(--blue);font-weight:700;font-size:.8rem;background:#f8fafc}.notification-toast{position:fixed;right:24px;top:108px;z-index:70;background:#092b4a;color:#fff;border-radius:12px;box-shadow:0 14px 35px rgba(0,0,0,.22);padding:14px 18px;display:flex;align-items:center;gap:12px;transform:translateX(calc(100% + 40px));opacity:0;transition:transform .25s ease,opacity .25s ease}.notification-toast.show{transform:translateX(0);opacity:1}.notification-toast>.icon{color:#80c9ef}.notification-toast strong,.notification-toast small{display:block}.notification-toast strong{font-size:.82rem}.notification-toast small{color:#c9dce9;font-size:.73rem}
@media(max-width:600px){.notification-dropdown{position:fixed;top:76px;right:14px;left:14px;width:auto}.notification-toast{top:88px;right:14px;left:14px}.user-menu{display:none}}
.profile-list{margin:0}.profile-list dt{color:var(--muted);font-size:.75rem;margin-top:15px}.profile-list dd{margin:2px 0;color:var(--navy);font:600 .95rem 'Lexend'}.admin-body{overflow-x:hidden}.dashboard-grid,.dashboard-grid>*{min-width:0}