.citizen-dashboard-body{background:#fff9f3!important;color:#091a49}.citizen-dashboard-body .wrap{width:min(1680px,calc(100% - 76px))}.citizen-dashboard-body .site-header .nav{max-width:none}.citizen-dashboard-body .site-header .nav nav a:first-child{background:#ff4c0a;color:#fff}.citizen-dashboard-body .resident-login{display:none}.citizen-account{display:flex;align-items:center;gap:12px;margin-left:auto;white-space:nowrap;font-size:13px}.citizen-account strong,.citizen-account small{display:block}.citizen-account small{color:#49618d}.citizen-account-avatar,.citizen-avatar{display:grid;place-items:center;border-radius:50%;background:#ffede2;color:#ff5b0d;font-size:32px;width:43px;height:43px}.citizen-account details{position:relative}.citizen-account summary{cursor:pointer;list-style:none;padding:8px;font-size:22px}.citizen-account details>div{position:absolute;right:0;top:38px;background:#fff;border:1px solid #eee;border-radius:12px;padding:8px;box-shadow:0 12px 25px #09204b20;min-width:150px;z-index:50}.citizen-account details a{display:block;padding:8px 12px;font-weight:700}.citizen-account details a:hover{color:#ff4c0a}.citizen-dashboard{padding:24px 0 65px}.citizen-top{display:grid;grid-template-columns:2.15fr 1fr .67fr;gap:20px;margin-bottom:21px}.citizen-top>section,.citizen-card{background:#fff;border:1px solid #eceef1;border-radius:12px;box-shadow:0 5px 20px #162b4a0a}.citizen-welcome{height:148px;background:#fff7f0!important;display:flex;align-items:center;justify-content:space-between;padding:25px 38px;overflow:hidden}.citizen-welcome>div{position:relative;z-index:1}.citizen-welcome img{width:30%;max-width:310px;height:150px;object-fit:contain;object-position:bottom;margin-bottom:-20px}.citizen-kicker{font-size:13px;letter-spacing:.14em;font-weight:900;color:#ff4c0a}.citizen-welcome h1{font:900 clamp(27px,2.2vw,36px) Nunito,sans-serif;margin:5px 0 0}.citizen-welcome p{color:#587297;margin:0;font-size:17px}.citizen-profile-card,.citizen-family-card{display:flex;gap:18px;align-items:center;padding:20px 24px}.citizen-profile-card .citizen-avatar{flex:0 0 60px;width:60px;height:60px}.citizen-profile-title{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.citizen-profile-title strong,.citizen-family-card strong{font-weight:900}.citizen-profile-title span{background:#dcf7e5;color:#078844;border-radius:30px;padding:3px 13px;font-size:12px;font-weight:800}.citizen-profile-card dl,.citizen-profile-page dl{margin:8px 0 0}.citizen-profile-card dl div,.citizen-profile-page dl div{display:flex;gap:12px;font-size:13px}.citizen-profile-card dt,.citizen-profile-page dt{color:#647b9f;min-width:76px}.citizen-profile-card dd,.citizen-profile-page dd{margin:0}.citizen-family-card .citizen-icon{flex:0 0 62px}.citizen-family-card p{font-size:13px;color:#49618d;margin:4px 0 15px}.citizen-family-card a,.citizen-help>a{display:inline-block;border:1px solid #ff7951;color:#f04b15;border-radius:7px;padding:6px 14px;font-size:12px;font-weight:800}.citizen-card{padding:14px 15px}.citizen-section-head,.citizen-section-head>div{display:flex;align-items:center;gap:11px}.citizen-section-head{justify-content:space-between;margin:0 3px 10px}.citizen-section-head h2{font:900 17px Nunito,sans-serif;margin:0}.citizen-section-head p{font-size:13px;color:#557098;margin:0}.citizen-section-head>a{color:#ff4c0a;font-weight:800;font-size:12px;white-space:nowrap}.citizen-heading-icon{display:grid;place-items:center;width:26px;height:26px;background:#ff4c0a;color:#fff;border-radius:6px;flex:0 0 26px}.citizen-quick{margin-bottom:15px;padding:14px 12px}.citizen-quick-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:14px}.citizen-quick-item{min-height:155px;border:1px solid #f1efec;border-radius:11px;padding:14px 18px;background:#fffdfb}.citizen-quick-item:hover{transform:translateY(-3px);box-shadow:0 9px 19px #19345817}.citizen-quick-item strong,.citizen-quick-item small{display:block}.citizen-quick-item strong{font-weight:900;font-size:14px;margin:8px 0 3px}.citizen-quick-item small{color:#4e6992;line-height:1.3;font-size:13px}.citizen-icon{display:grid;place-items:center;width:54px;height:54px;border-radius:11px;font-size:30px;font-weight:900}.citizen-icon.orange,.citizen-icon.peach{color:#ff4c0a;background:#ffecdf}.citizen-icon.green{color:#0ab45d;background:#e6f9ed}.citizen-icon.blue{color:#0067eb;background:#e9f2ff}.citizen-icon.purple{color:#8739db;background:#f2eaff}.citizen-icon.teal{color:#00aaa6;background:#e2f7f6}.citizen-icon.gold{color:#d49b00;background:#fff7e2}.citizen-icon.pink{color:#f12569;background:#ffebf1}.citizen-data-grid{display:grid;grid-template-columns:1.35fr 1fr .78fr;gap:15px}.citizen-table-wrap{overflow-x:auto}.citizen-table{width:100%;border-collapse:collapse;font-size:12px}.citizen-table th{background:#f4f7fb!important;text-align:left;font-weight:900;padding:8px 12px}.citizen-table td{padding:8px 12px;border-bottom:1px solid #edf0f4;white-space:nowrap}.citizen-table td:nth-child(3){white-space:normal}.citizen-status{display:inline-block;padding:4px 12px;border-radius:30px;font-weight:800;background:#fff0e5;color:#d4510a;font-size:12px}.citizen-status.disetujui,.citizen-status.selesai,.citizen-status.paid{background:#ddf7e7;color:#078346}.citizen-status.ditolak{background:#ffe4e6;color:#c62533}.citizen-status.unpaid{background:#ffe8e5;color:#c92319}.citizen-table-action{display:inline-block;background:#f4f7fb;border:1px solid #e6edf6;padding:4px 12px;border-radius:7px;font-weight:800}.citizen-empty{padding:20px 12px;color:#667996;font-size:13px}.citizen-empty a{color:#ff4c0a}.citizen-event{display:flex;gap:12px;padding:5px 0;border-bottom:1px solid #edf0f4}.citizen-event:last-child{border:0}.citizen-event-date{background:#fff5f0;color:#14366e;width:85px;flex:0 0 85px;border-radius:8px;text-align:center;padding:7px}.citizen-event-date b{display:block;font-size:22px;line-height:1}.citizen-event-date small,.citizen-event>span:last-child small{display:block;font-size:12px;color:#4c6690}.citizen-event>span:last-child strong{display:block;font-size:13px}.citizen-bottom-grid{display:grid;grid-template-columns:1.85fr 1fr;gap:15px;margin-top:15px}.citizen-announcement{display:flex;align-items:center;gap:14px;border:1px solid #edf0f3;padding:7px 12px}.citizen-announcement:first-of-type{border-radius:8px 8px 0 0}.citizen-announcement .citizen-icon{width:40px;height:36px;flex:0 0 40px;font-size:20px}.citizen-announcement>span:nth-child(2){min-width:0;flex:1}.citizen-announcement strong,.citizen-announcement small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.citizen-announcement strong{font-size:13px}.citizen-announcement small,.citizen-announcement time{font-size:12px;color:#587099}.citizen-side-actions{display:grid;gap:10px}.citizen-help{display:flex;align-items:center;gap:15px;padding:13px 20px}.citizen-help .citizen-icon{flex:0 0 50px}.citizen-help>div{flex:1}.citizen-help strong{font-size:13px}.citizen-help p{font-size:12px;color:#5e7191;margin:2px 0}.citizen-help>a{white-space:nowrap}.citizen-profile-page{display:flex;gap:25px;align-items:start;max-width:650px}.citizen-profile-page .citizen-avatar{width:70px;height:70px}.citizen-profile-page h2{margin:0}.citizen-profile-page dl{margin:18px 0}.citizen-profile-page dl div{padding:6px 0}
@media(max-width:1450px){.citizen-dashboard-body .wrap{width:calc(100% - 48px)}.citizen-top{grid-template-columns:1.5fr 1fr}.citizen-family-card{grid-column:1/-1}.citizen-quick-grid{grid-template-columns:repeat(4,1fr)}.citizen-data-grid{grid-template-columns:1fr 1fr}.citizen-agenda{grid-column:1/-1}.citizen-dashboard-body .nav nav a{padding:8px;font-size:12px}}
@media(max-width:900px){.citizen-top,.citizen-data-grid,.citizen-bottom-grid{grid-template-columns:1fr}.citizen-family-card,.citizen-agenda{grid-column:auto}.citizen-welcome{height:auto;min-height:145px}.citizen-account{margin-left:0}.citizen-account>span:nth-child(2){display:none}.citizen-quick-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:540px){.citizen-dashboard-body .wrap{width:calc(100% - 28px)}.citizen-welcome{padding:22px}.citizen-welcome img{display:none}.citizen-welcome h1{font-size:28px}.citizen-welcome p{font-size:14px}.citizen-quick-grid{gap:8px}.citizen-quick-item{padding:12px;min-height:140px}.citizen-section-head>a{font-size:11px}.citizen-help{flex-wrap:wrap}.citizen-announcement time{display:none}}
.citizen-quick-image{display:block;width:70px;height:56px;object-fit:contain;object-position:left center;transition:transform .2s ease}.citizen-quick-item:hover .citizen-quick-image{transform:translateY(-3px) scale(1.06)}.citizen-quick-item:focus-visible{outline:3px solid #ff5b24;outline-offset:2px}
.citizen-history-actions{display:flex;align-items:center;gap:14px;white-space:nowrap}.citizen-history-actions form{margin:0}.citizen-history-delete{border:0;background:transparent;color:#c62828;font:inherit;font-weight:700;cursor:pointer;padding:4px}.citizen-history-delete:hover{text-decoration:underline}