:root{font-family:DM Sans,sans-serif;color:#eeeae2;background:#0b0b0d;font-synthesis:none;text-rendering:optimizeLegibility;font-smooth:always;--gold:#c8aa78;--muted:#85817b;--line:rgba(255,255,255,.075);--panel:rgba(255,255,255,.035)}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(ellipse at 72% 0%,rgba(125,102,72,.13),transparent 34%),#0b0b0d}button,input,select{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:252px;padding:27px 18px 18px;background:#0d0d0ff0;border-right:1px solid var(--line);display:flex;flex-direction:column;z-index:5;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.brand{display:flex;align-items:center;gap:11px;padding:0 9px 31px}.brand-mark{width:36px;height:36px;border:1px solid rgba(200,170,120,.65);border-radius:11px;display:grid;place-items:center;font:600 21px Playfair Display;color:#f4e6ce;background:linear-gradient(145deg,#c8aa782e,#ffffff05);box-shadow:inset 0 1px #ffffff1f}.brand-mark span{color:var(--gold)}.brand b{display:block;font:600 17px Playfair Display;letter-spacing:.2px}.brand small,.workspace small,.profile small{display:block;color:#77736e;font-size:9px;letter-spacing:1.8px;margin-top:3px}.workspace{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid var(--line);border-radius:12px;background:#ffffff06;margin-bottom:32px}.workspace-avatar,.profile-avatar,.top-avatar{display:grid;place-items:center;background:linear-gradient(145deg,#bca077,#705b3e);color:#181512;font-size:11px;font-weight:700;border-radius:9px;width:33px;height:33px}.workspace b,.profile b{font-size:11px;font-weight:600;display:block}.workspace small,.profile small{font-size:9px;letter-spacing:0;margin-top:4px}.workspace>svg{margin-left:auto;color:#777}.nav-label{font-size:9px;letter-spacing:1.8px;color:#66615b;padding:0 12px 12px}.sidebar nav{display:grid;gap:5px}.nav-link{width:100%;display:flex;align-items:center;gap:12px;border:0;background:transparent;color:#8c8983;padding:11px 12px;border-radius:9px;text-align:left;font-size:12px;transition:.2s}.nav-link:hover,.nav-link.active{background:linear-gradient(90deg,#c8aa7821,#c8aa7809);color:#e7d2ae}.nav-link.active{box-shadow:inset 2px 0 var(--gold)}.nav-count{margin-left:auto;color:#aaa;font-size:10px}.nav-label-bottom{margin-top:31px}.sidebar-bottom{margin-top:auto}.help-card{padding:15px;border:1px solid rgba(200,170,120,.17);border-radius:12px;background:radial-gradient(circle at 100% 0,rgba(200,170,120,.1),transparent 60%),#ffffff05}.help-icon{color:var(--gold);margin-bottom:9px}.help-card b{font-size:11px}.help-card p{font-size:10px;line-height:1.6;color:#88837c;margin:6px 0 11px}.help-card button,.table-footer button{display:flex;align-items:center;gap:5px;background:none;border:0;color:#d5b987;font-size:10px;padding:0}.profile{display:flex;align-items:center;gap:10px;padding:18px 5px 0;margin-top:16px;border-top:1px solid var(--line)}.profile>svg{margin-left:auto;color:#777}.profile-avatar,.top-avatar{border-radius:50%;width:30px;height:30px}.main-area{margin-left:252px;min-height:100vh}.topbar{height:70px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 42px;background:#0b0b0dad;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);position:sticky;top:0;z-index:3}.top-left,.top-actions{display:flex;align-items:center;gap:12px;font-size:11px}.top-left{color:#777}.top-left b{color:#d9d4cb;font-weight:500}.crumb-slash{color:#48443f}.top-actions{gap:18px}.search-box{height:35px;width:220px;border:1px solid var(--line);border-radius:8px;display:flex;align-items:center;gap:8px;padding:0 10px;color:#777}.search-box input{min-width:0;width:100%;background:none;border:0;outline:0;color:#eee;font-size:10px}.search-box kbd{white-space:nowrap;border:1px solid var(--line);border-radius:4px;padding:2px 4px;font-size:9px;color:#777}.icon-button{position:relative;border:0;background:none;color:#aaa;display:grid;place-items:center;padding:7px;border-radius:7px}.icon-button:hover{background:#ffffff0f;color:#fff}.notification i{position:absolute;right:5px;top:5px;width:5px;height:5px;background:var(--gold);border-radius:50%}.content{max-width:1400px;margin:0 auto;padding:37px 42px 22px}.welcome-row{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:27px}.eyebrow{display:flex;align-items:center;gap:7px;color:#b99b6d;font-size:9px;letter-spacing:1.8px;font-weight:600}.welcome-row h1{font:500 clamp(27px,3vw,38px) "Playfair Display";letter-spacing:-.7px;margin:10px 0 6px;color:#f0ece5}.welcome-row h1 em{font-weight:500;color:#c6a979}.welcome-row p,.section-heading p{margin:0;color:#827e77;font-size:11px}.primary-button{display:flex;align-items:center;justify-content:center;gap:8px;padding:11px 15px;border:1px solid #d2b88f;border-radius:8px;background:linear-gradient(135deg,#d4bb93,#a98c61);color:#171411;font-size:11px;font-weight:700;box-shadow:0 5px 24px #b2905e21;transition:.2s}.primary-button:hover{transform:translateY(-1px);filter:brightness(1.08)}.hero-panel{min-height:230px;position:relative;overflow:hidden;border:1px solid rgba(205,174,126,.2);border-radius:15px;background:linear-gradient(112deg,#24211d,#191817 52%,#28231d);padding:28px 32px;display:grid;grid-template-columns:1.2fr .8fr;box-shadow:inset 0 1px #ffffff17,0 18px 55px #0000002e}.hero-panel:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.025) 54%,transparent 70%);pointer-events:none}.hero-orb{position:absolute;border-radius:50%;filter:blur(1px);pointer-events:none}.orb-one{width:250px;height:250px;right:10%;top:-180px;background:#c29d661f;box-shadow:0 0 80px #c29d661f}.orb-two{width:190px;height:190px;right:32%;bottom:-170px;background:#ffffff09}.hero-copy,.hero-side{position:relative;z-index:1}.hero-kicker,.hero-side-label{font-size:9px;letter-spacing:2px;color:#b7a17e}.hero-total{font:500 clamp(30px,4vw,43px) "Playfair Display";letter-spacing:-1px;margin:10px 0 4px;color:#f4ecdf}.hero-copy>p{font-size:10px;color:#999087;margin:0}.hero-progress{max-width:470px;margin-top:24px}.progress-track,.mini-track{height:4px;background:#ffffff1f;border-radius:5px;overflow:hidden}.progress-track span,.mini-track i{display:block;height:100%;background:linear-gradient(90deg,#94764f,#e0c59b);border-radius:5px}.progress-meta{display:flex;justify-content:space-between;margin-top:9px;color:#8e877d;font-size:9px}.progress-meta b{font-weight:500;color:#d6c3a4}.hero-side{border-left:1px solid rgba(255,255,255,.09);padding-left:32px;display:flex;flex-direction:column;justify-content:center}.allocation-bars{display:grid;grid-template-columns:1fr auto;gap:8px 12px;align-items:center;margin-top:16px}.allocation-bars>div:nth-child(odd){display:flex;justify-content:space-between;gap:12px;grid-column:1/-1;color:#b0a99e;font-size:9px}.allocation-bars b{font-weight:500;color:#e5d8c2}.mini-track{grid-column:1/-1;height:3px;margin-top:-4px;margin-bottom:3px}.mini-track i{background:#b89b70}.hero-decoration{position:absolute;right:26px;bottom:12px;font:italic 32px Playfair Display;color:#d5be9b17;letter-spacing:2px}.hero-decoration span{font-size:17px;color:#d5be9b33;padding:0 3px}.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin:17px 0 24px}.glass{background:linear-gradient(145deg,#ffffff0b,#ffffff05);border:1px solid var(--line);box-shadow:inset 0 1px #ffffff09,0 12px 35px #0000001f;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.metric{border-radius:11px;padding:16px 17px;min-width:0}.metric-top{display:flex;justify-content:space-between;align-items:center;color:#928d84;font-size:10px}.metric-icon{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;color:#c3a779;background:#c8aa781a}.metric strong{display:block;font:500 clamp(14px,1.5vw,19px) "Playfair Display";color:#eee7dc;margin:13px 0 7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.metric-note{display:flex;align-items:center;gap:4px;font-size:9px;color:#77736d}.metric-note svg{color:#b79b70}.list-section{border-radius:13px;padding:22px 22px 0}.section-heading{display:flex;align-items:center;justify-content:space-between}.section-heading h2,.modal h2{font:500 22px Playfair Display;margin:6px 0 4px;color:#eee8de}.subtle-button{display:flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid var(--line);border-radius:7px;background:#ffffff06;color:#b4aea3;font-size:10px}.subtle-button:hover{border-color:#c8aa7866;color:#e2c79b}.allocation-tabs{display:flex;gap:5px;border-bottom:1px solid var(--line);margin-top:22px}.allocation-tabs button{padding:11px 13px;border:0;border-bottom:2px solid transparent;background:none;color:#77736d;font-size:10px;margin-bottom:-1px}.allocation-tabs button.selected{border-color:var(--gold);color:#e0c79e}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:760px}th{text-align:left;color:#6e6a64;font-size:8px;letter-spacing:1.2px;font-weight:600;padding:14px 10px;border-bottom:1px solid var(--line)}td{padding:13px 10px;border-bottom:1px solid rgba(255,255,255,.045);font-size:10px;color:#b7b1a7;white-space:nowrap}tbody tr:hover{background:#ffffff05}.item-name{display:flex;align-items:center;gap:10px}.item-dot{width:7px;height:7px;border-radius:50%;background:#b99b6d;box-shadow:0 0 9px #b99b6d4d}.item-name b{display:block;color:#e0dbd2;font-size:10px;font-weight:500}.item-name small{display:block;color:#77736d;font-size:9px;margin-top:4px}.allocation-pill{display:inline-block;padding:5px 8px;border-radius:5px;background:#ffffff0e;color:#b9b2a8;font-size:9px}.allocation-pill.akad-nikah{color:#c7b28d;background:#c8aa781a}.allocation-pill.resepsi{color:#a9b6b0;background:#789d8c1a}.allocation-pill.bersama{color:#b4a8c4;background:#9d84b91a}.status{display:inline-flex;align-items:center;gap:6px;font-size:9px}.status i,.connection i{width:6px;height:6px;border-radius:50%;background:#777}.status.paid{color:#9db9a6}.status.paid i{background:#82ad8f}.status.partial{color:#c9ad7e}.status.partial i{background:#c4a16b}.status.unpaid{color:#9b9690}.row-more{background:none;border:0;color:#777;padding:3px}.table-footer{display:flex;align-items:center;justify-content:space-between;padding:14px 0;color:#77736d;font-size:9px}.table-footer b{color:#c4bdb2;font-weight:500}.empty-state{text-align:center;padding:34px;color:#777;font-size:11px}.footer{display:flex;justify-content:space-between;align-items:center;padding:20px 2px;color:#615e58;font-size:9px}.connection{display:flex;align-items:center;gap:7px}.connection.connected i{background:#8eae91;box-shadow:0 0 8px #8eae91}.toast{position:fixed;right:22px;bottom:20px;z-index:10;max-width:min(420px,calc(100vw - 32px));display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid rgba(200,170,120,.2);border-radius:9px;background:#1d1b18f5;box-shadow:0 15px 45px #0008;color:#c9c1b5;font-size:10px;line-height:1.5;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.toast-check{width:22px;height:22px;display:grid;place-items:center;flex:none;background:#87ae8d21;color:#9fbea3;border-radius:50%}.toast button{margin-left:auto;background:none;border:0;color:#8e8980;padding:2px}.modal-backdrop{position:fixed;inset:0;z-index:20;background:#000000b8;display:grid;place-items:center;padding:18px;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.modal{width:min(440px,100%);border-radius:15px;padding:23px;background:linear-gradient(145deg,#24211d,#151516)}.modal-heading{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:22px}.modal form{display:grid;gap:15px}.modal label{display:grid;gap:7px;color:#bcb4a8;font-size:10px}.modal input,.modal select{width:100%;padding:11px 12px;border:1px solid rgba(255,255,255,.1);border-radius:7px;background:#111113;color:#eee;font-size:11px;outline:0}.modal input:focus,.modal select:focus{border-color:#c8aa7899}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}.menu-toggle,.mobile-close{display:none}@media(max-width:1100px){.sidebar{width:220px}.main-area{margin-left:220px}.content{padding:30px 25px}.topbar{padding:0 25px}.metrics-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){.sidebar{transform:translate(-100%);transition:transform .25s;width:270px}.sidebar.sidebar-open{transform:translate(0);box-shadow:15px 0 50px #0009}.mobile-close{display:grid;margin-left:auto}.main-area{margin-left:0}.topbar{height:60px;padding:0 15px}.menu-toggle{display:grid}.top-left{gap:8px}.top-actions{gap:10px}.search-box{width:min(42vw,180px);height:33px}.search-box kbd{display:none}.content{padding:25px 15px 18px}.welcome-row{align-items:flex-start;gap:16px;flex-direction:column}.welcome-row h1{font-size:30px}.welcome-row .primary-button{align-self:stretch}.hero-panel{grid-template-columns:1fr;padding:23px 20px;gap:23px}.hero-side{border-left:0;border-top:1px solid rgba(255,255,255,.09);padding:18px 0 0}.hero-decoration{right:18px;bottom:10px}.metrics-grid{gap:9px;margin:12px 0 17px}.metric{padding:13px 12px}.metric strong{font-size:15px}.metric-note{font-size:8px}.list-section{padding:17px 13px 0}.section-heading h2{font-size:20px}.allocation-tabs{overflow-x:auto}.allocation-tabs button{white-space:nowrap;padding:11px 10px}.footer{align-items:flex-start;gap:9px;flex-direction:column}.top-avatar{width:27px;height:27px}}@media(max-width:390px){.metrics-grid{grid-template-columns:1fr 1fr}.metric strong{font-size:13px}.search-box{width:120px}.top-left .breadcrumb,.crumb-slash{display:none}}