@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
:root{--bg:#f5f7fb;--surface:#fff;--surface-2:#f8faff;--text:#172033;--muted:#6f7890;--line:#e6eaf1;--primary:#3f63e8;--primary-2:#7756e8;--success:#14966f;--danger:#dc4c64;--warning:#d9901a;--shadow:0 14px 40px rgba(28,39,73,.08);--radius:18px;--sidebar:252px}
html[data-theme="dark"]{--bg:#0d1220;--surface:#141b2d;--surface-2:#1a2337;--text:#edf1ff;--muted:#9ba7c1;--line:#26324a;--primary:#6f8cff;--primary-2:#9c7bff;--success:#39c998;--danger:#ff6d83;--shadow:0 14px 42px rgba(0,0,0,.25)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif;font-size:14px}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.muted{color:var(--muted)!important}.block{display:block;margin-top:3px}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);background:var(--surface);border-right:1px solid var(--line);padding:22px 15px;display:flex;flex-direction:column;z-index:50}.brand{display:flex;align-items:center;gap:11px;padding:0 10px 24px}.brand strong{display:block;font-size:17px}.brand small{display:block;color:var(--muted);font-size:10px;margin-top:1px}.brand-mark{width:54px;height:54px;border-radius:18px;background:linear-gradient(135deg,var(--primary),var(--primary-2));display:grid;place-items:center;color:#fff;font-weight:800;font-size:20px;box-shadow:0 10px 25px rgba(63,99,232,.28)}.brand-mark.small{width:39px;height:39px;border-radius:13px;font-size:14px}.sidebar nav{display:flex;flex-direction:column;gap:5px}.nav-link{display:flex;align-items:center;gap:12px;padding:11px 13px;border-radius:12px;color:var(--muted);font-weight:600;transition:.2s}.nav-link span{width:20px;text-align:center;font-size:17px}.nav-link:hover{background:var(--surface-2);color:var(--text);transform:translateX(2px)}.nav-link.active{background:linear-gradient(135deg,rgba(63,99,232,.14),rgba(119,86,232,.08));color:var(--primary)}.sidebar-bottom{margin-top:auto;display:flex;flex-direction:column;gap:5px}.danger-link:hover{color:var(--danger)}.main-area{margin-left:var(--sidebar);min-height:100vh;display:flex;flex-direction:column}.topbar{height:82px;background:color-mix(in srgb,var(--surface) 92%,transparent);backdrop-filter:blur(15px);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:35;display:flex;align-items:center;justify-content:space-between;padding:0 30px}.topbar h2{margin:0;font-size:20px}.topbar p{margin:4px 0 0;font-size:12px}.top-actions,.user-chip,.inline-actions{display:flex;align-items:center;gap:10px}.user-chip{padding:6px 8px 6px 6px;border-radius:13px}.user-chip:hover{background:var(--surface-2)}.user-chip strong,.user-chip small{display:block}.user-chip small{color:var(--muted);font-size:10px;margin-top:2px}.avatar{width:35px;height:35px;border-radius:11px;background:linear-gradient(135deg,var(--primary),var(--primary-2));display:grid;place-items:center;color:#fff;font-weight:800}.avatar.xl{width:68px;height:68px;border-radius:20px;font-size:24px}.icon-btn{border:1px solid var(--line);background:var(--surface);color:var(--text);width:36px;height:36px;border-radius:10px;display:inline-grid;place-items:center}.icon-btn:hover{border-color:var(--primary);color:var(--primary)}.content{padding:26px 30px;max-width:1600px;width:100%;margin:0 auto;flex:1}.footer{text-align:center;padding:18px;color:var(--muted);font-size:11px}.hero-card{min-height:280px;border-radius:24px;padding:40px 44px;background:linear-gradient(125deg,#3156dc 0%,#574fdc 52%,#8f59d8 100%);color:#fff;display:flex;justify-content:space-between;align-items:center;position:relative;overflow:hidden;box-shadow:0 22px 50px rgba(54,69,194,.22)}.hero-card:before,.hero-card:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.14);border-radius:50%}.hero-card:before{width:360px;height:360px;right:-80px;top:-180px}.hero-card:after{width:250px;height:250px;right:120px;bottom:-180px}.hero-card h1{font-size:35px;line-height:1.18;margin:8px 0 14px;letter-spacing:-1.3px}.hero-card h1 span{color:#d9d7ff}.hero-card p{opacity:.86;max-width:520px;margin-bottom:23px}.eyebrow{font-size:10px;font-weight:800;letter-spacing:2px;opacity:.8}.hero-visual{width:35%;height:190px;display:grid;place-items:center;position:relative;z-index:1}.floating-card{width:210px;height:130px;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.13);backdrop-filter:blur(15px);border-radius:22px;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(-5deg);box-shadow:0 20px 45px rgba(21,25,93,.25);animation:float 4s ease-in-out infinite}.floating-card:first-letter{font-size:28px}.floating-card strong{margin-top:8px}.floating-card small{opacity:.75;margin-top:3px}@keyframes float{50%{transform:rotate(3deg) translateY(-10px)}}.btn{border:1px solid transparent;border-radius:11px;padding:10px 16px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:7px;transition:.18s}.btn:hover{transform:translateY(-1px);filter:brightness(1.03)}.btn.primary{background:linear-gradient(135deg,var(--primary),var(--primary-2));color:#fff;box-shadow:0 8px 18px rgba(63,99,232,.2)}.btn.light{background:#fff;color:#304db3}.btn.ghost{border-color:var(--line);background:var(--surface);color:var(--text)}.btn.danger{background:rgba(220,76,100,.1);border-color:rgba(220,76,100,.2);color:var(--danger)}.btn.small{padding:7px 10px;font-size:11px;border-radius:9px}.btn.full{width:100%}.btn:disabled{opacity:.45;cursor:not-allowed}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:20px 0}.stat-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:18px;display:flex;align-items:center;gap:14px;box-shadow:var(--shadow)}.stat-icon{width:44px;height:44px;border-radius:14px;background:linear-gradient(135deg,rgba(63,99,232,.14),rgba(119,86,232,.08));color:var(--primary);display:grid;place-items:center;font-size:20px}.stat-card small,.stat-card strong,.stat-card em{display:block}.stat-card small{color:var(--muted);font-size:11px}.stat-card strong{font-size:20px;margin:4px 0}.stat-card em{color:var(--success);font-size:10px;font-style:normal}.section-head{display:flex;justify-content:space-between;align-items:center;margin:25px 0 14px}.section-head.compact{margin:0 0 16px}.section-head h3{margin:0;font-size:16px}.section-head p{margin:4px 0 0;font-size:11px}.text-link,.table-link{color:var(--primary);font-weight:700}.text-link:hover,.table-link:hover{text-decoration:underline}.trip-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.trip-card{background:var(--surface);border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:var(--shadow);transition:.2s}.trip-card:hover{transform:translateY(-3px);box-shadow:0 20px 45px rgba(28,39,73,.13)}.trip-cover{height:105px;background:linear-gradient(135deg,#e8edff,#eee9ff);position:relative;display:grid;place-items:center}.destination-icon{font-size:36px;filter:drop-shadow(0 8px 10px rgba(44,66,160,.15))}.status{display:inline-flex;align-items:center;padding:5px 8px;border-radius:999px;font-size:9px;font-weight:800;white-space:nowrap}.trip-cover .status{position:absolute;top:10px;right:10px}.status.saving,.tx-badge.deposit{background:rgba(63,99,232,.12);color:var(--primary)}.status.ready{background:rgba(20,150,111,.12);color:var(--success)}.status.completed{background:rgba(119,86,232,.12);color:var(--primary-2)}.status.cancelled{background:rgba(220,76,100,.12);color:var(--danger)}.status.planning{background:rgba(217,144,26,.13);color:var(--warning)}.trip-body{padding:16px}.trip-body>small{color:var(--primary);font-weight:700;font-size:10px;text-transform:uppercase}.trip-body h3{margin:5px 0 13px;font-size:16px}.owner{font-size:10px;color:var(--muted);margin:-7px 0 10px}.amount-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.amount-row>span,.amount-row>strong{font-size:11px}.progress{height:7px;background:var(--surface-2);border-radius:999px;overflow:hidden;margin:9px 0}.progress i,.mini-progress i{height:100%;display:block;border-radius:inherit;background:linear-gradient(90deg,var(--primary),var(--primary-2))}.progress.large{height:11px;margin:14px 0 2px}.trip-meta{display:flex;justify-content:space-between;color:var(--muted);font-size:9px}.card-actions{border-top:1px solid var(--line);padding:10px 14px;display:flex;justify-content:flex-end;gap:7px}.card-actions form{margin:0}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow);margin-bottom:20px}.panel.narrow{max-width:850px;margin:0 auto}.form-grid{display:grid;gap:15px}.form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.span-2{grid-column:span 2}.stack{display:flex;flex-direction:column;gap:15px}label{font-size:11px;color:var(--muted);font-weight:600}label small{font-weight:400}input,select,textarea{width:100%;border:1px solid var(--line);background:var(--surface-2);color:var(--text);border-radius:10px;padding:11px 12px;outline:none;margin-top:6px;transition:.15s}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(63,99,232,.1)}textarea{resize:vertical}.form-actions{display:flex;justify-content:flex-end;gap:10px}.section-label{font-size:12px;font-weight:800;color:var(--primary);border-bottom:1px solid var(--line);padding-bottom:8px}.detail-banner{border-radius:21px;background:linear-gradient(135deg,#3156dc,#7557dd);color:#fff;padding:28px 32px;display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;box-shadow:0 16px 40px rgba(54,69,194,.18)}.detail-banner h1{margin:6px 0;font-size:27px}.detail-banner p{margin:0;opacity:.8}.detail-actions{display:flex;gap:8px}.summary-strip{display:grid;grid-template-columns:repeat(4,1fr);background:var(--surface);border:1px solid var(--line);border-radius:16px;margin-bottom:18px;box-shadow:var(--shadow)}.summary-strip>div{padding:17px 20px;border-right:1px solid var(--line)}.summary-strip>div:last-child{border-right:0}.summary-strip small,.summary-strip strong{display:block}.summary-strip small{color:var(--muted);font-size:10px}.summary-strip strong{font-size:17px;margin-top:5px}.two-column{display:grid;grid-template-columns:1fr 1.15fr;gap:18px}.transaction-list{display:flex;flex-direction:column}.transaction-item{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid var(--line)}.transaction-item:last-child{border-bottom:0}.transaction-item strong,.transaction-item small{display:block}.transaction-item strong{font-size:11px}.transaction-item small{font-size:9px;color:var(--muted);margin-top:3px}.tx-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font-weight:800}.tx-icon.deposit{background:rgba(20,150,111,.1);color:var(--success)}.tx-icon.withdrawal{background:rgba(220,76,100,.1);color:var(--danger)}.tx-amount{font-weight:800;white-space:nowrap}.tx-amount.deposit{color:var(--success)}.tx-amount.withdrawal{color:var(--danger)}.danger-text{color:var(--danger)!important}.mini-empty,.empty-cell{text-align:center!important;color:var(--muted);padding:28px!important}.rab-summary{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:13px;margin-bottom:15px}.rab-summary>div{padding:13px 15px;border-right:1px solid var(--line)}.rab-summary>div:last-child{border-right:0}.rab-summary small,.rab-summary strong{display:block}.rab-summary small{font-size:9px;color:var(--muted)}.rab-summary strong{margin-top:4px}.positive{color:var(--success)!important}.negative{color:var(--danger)!important}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:13px}table{width:100%;border-collapse:collapse;min-width:760px}th{background:var(--surface-2);color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.5px;text-align:left;padding:11px 12px;border-bottom:1px solid var(--line)}td{padding:11px 12px;border-bottom:1px solid var(--line);font-size:11px}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:color-mix(in srgb,var(--surface-2) 65%,transparent)}.category-chip,.tx-badge{padding:5px 8px;border-radius:999px;background:rgba(119,86,232,.1);color:var(--primary-2);font-size:9px;font-weight:800;white-space:nowrap}.tx-badge.withdrawal{background:rgba(220,76,100,.1);color:var(--danger)}.inline-form{display:flex;align-items:center;gap:5px}.table-input{width:110px;margin:0;padding:7px 8px}.add-rab{margin-top:18px;border:1px dashed var(--line);border-radius:13px;padding:13px}.add-rab summary{font-weight:800;cursor:pointer;color:var(--primary)}.rab-entry{margin-top:13px}.rab-row{display:grid;grid-template-columns:1.1fr 1.4fr .55fr .7fr .9fr 1fr auto;gap:7px;margin-bottom:8px}.rab-row input,.rab-row select{margin:0;padding:9px}.category-form{display:flex;gap:8px;max-width:390px;margin-top:12px}.category-form input{margin:0}.profile-head{display:flex;align-items:center;gap:15px;padding-bottom:18px;margin-bottom:18px;border-bottom:1px solid var(--line)}.profile-head h3{margin:0}.profile-head p{margin:5px 0 0}.person-cell{display:flex;align-items:center;gap:9px}.person-cell strong,.person-cell small{display:block}.person-cell small{font-size:9px;color:var(--muted);margin-top:3px}.mini-progress{width:90px;height:5px;background:var(--surface-2);border-radius:99px;overflow:hidden;margin-bottom:4px}.empty-state{background:var(--surface);border:1px dashed var(--line);border-radius:var(--radius);padding:55px 20px;text-align:center}.empty-state>div{font-size:45px}.empty-state h3{margin:12px 0 6px}.empty-state p{color:var(--muted);margin-bottom:18px}.alert{padding:12px 14px;border-radius:11px;margin-bottom:15px;font-weight:600}.alert.success{background:rgba(20,150,111,.11);color:var(--success);border:1px solid rgba(20,150,111,.18)}.alert.danger{background:rgba(220,76,100,.1);color:var(--danger);border:1px solid rgba(220,76,100,.18)}.auth-body{min-height:100vh;background:radial-gradient(circle at 10% 10%,rgba(63,99,232,.23),transparent 35%),radial-gradient(circle at 90% 90%,rgba(119,86,232,.22),transparent 35%),var(--bg);display:grid;place-items:center;padding:20px}.auth-card,.install-card{width:100%;max-width:410px;background:var(--surface);border:1px solid var(--line);border-radius:24px;padding:30px;box-shadow:0 25px 70px rgba(28,39,73,.16)}.install-card{max-width:700px}.auth-card .brand-mark,.install-card .brand-mark{margin:0 auto 16px}.auth-card h1,.install-card h1{text-align:center;margin:0}.auth-card>p,.install-card>p{text-align:center;margin:7px 0 23px}.auth-link{text-align:center;font-size:11px;margin:18px 0 0!important}.auth-link a{color:var(--primary);font-weight:800}.mobile-only{display:none}.sidebar-backdrop{display:none}
@media(max-width:1100px){.stats-grid{grid-template-columns:repeat(2,1fr)}.trip-grid{grid-template-columns:repeat(2,1fr)}.two-column{grid-template-columns:1fr}.rab-row{grid-template-columns:1fr 1.3fr .55fr .75fr 1fr 1fr auto}}
@media(max-width:760px){:root{--sidebar:245px}.mobile-only{display:inline-grid}.desktop-only{display:none!important}.sidebar{transform:translateX(-100%);transition:.25s}.sidebar.open{transform:translateX(0)}.sidebar-backdrop.show{display:block;position:fixed;inset:0;background:rgba(5,9,20,.5);z-index:45}.main-area{margin-left:0}.topbar{height:68px;padding:0 14px}.topbar h2{font-size:17px}.content{padding:15px}.hero-card{padding:28px 22px;min-height:300px}.hero-card h1{font-size:27px}.hero-visual{display:none}.stats-grid{grid-template-columns:1fr 1fr;gap:10px}.stat-card{padding:13px;gap:9px}.stat-icon{width:37px;height:37px}.stat-card strong{font-size:15px}.stat-card em{display:none}.trip-grid{grid-template-columns:1fr}.form-grid.two{grid-template-columns:1fr}.span-2{grid-column:span 1}.detail-banner{align-items:flex-start;flex-direction:column;gap:18px;padding:23px}.detail-banner h1{font-size:23px}.summary-strip{grid-template-columns:1fr 1fr}.summary-strip>div:nth-child(2){border-right:0}.summary-strip>div:nth-child(-n+2){border-bottom:1px solid var(--line)}.rab-summary{grid-template-columns:1fr}.rab-summary>div{border-right:0;border-bottom:1px solid var(--line)}.rab-summary>div:last-child{border-bottom:0}.rab-row{grid-template-columns:1fr 1fr}.rab-row>*{display:block!important}.rab-row .remove-row{width:100%}.section-head{align-items:flex-start;gap:10px}.section-head>.inline-actions{flex-wrap:wrap;justify-content:flex-end}.detail-actions{width:100%}.detail-actions .btn{flex:1}.auth-card,.install-card{padding:23px;border-radius:20px}}
@media(max-width:430px){.stats-grid{grid-template-columns:1fr}.hero-card h1{font-size:24px}.content{padding:11px}.panel{padding:15px}.section-head{flex-direction:column}.section-head>.btn{width:100%}.summary-strip{grid-template-columns:1fr}.summary-strip>div{border-right:0;border-bottom:1px solid var(--line)!important}.summary-strip>div:last-child{border-bottom:0!important}.form-actions{flex-direction:column-reverse}.form-actions .btn{width:100%}.category-form{flex-direction:column}.detail-actions{flex-direction:column}.rab-row{grid-template-columns:1fr}}
@media print{.sidebar,.topbar,.footer,.btn,.icon-btn,.sidebar-backdrop,.add-rab,.category-form{display:none!important}.main-area{margin:0}.content{padding:0}.panel,.stat-card{box-shadow:none}.stats-grid{grid-template-columns:repeat(4,1fr)}}

/* Avatar upload support */
.avatar.has-image{overflow:hidden;background:var(--surface-2);border:1px solid var(--line)}
.avatar.has-image img{display:block;width:100%;height:100%;object-fit:cover}
input[type="file"]{padding:8px;background:var(--surface);color:var(--text)}
input[type="file"]::file-selector-button{border:0;border-radius:8px;padding:8px 12px;margin-right:10px;background:var(--surface-2);color:var(--text);font-weight:700;cursor:pointer}
input[type="file"]::file-selector-button:hover{background:color-mix(in srgb,var(--primary) 12%,var(--surface-2));color:var(--primary)}

@media(max-width:760px){body.menu-open{overflow:hidden}}


/* LiburFund V3 - perlindungan layout profil dan reset ilustrasi dekoratif */
body.page-profile,
body.page-profile .app-shell,
body.page-profile .main-area,
body.page-profile .content{
  background-image:none!important;
}
body.page-profile::before,
body.page-profile::after,
body.page-profile .app-shell::before,
body.page-profile .app-shell::after,
body.page-profile .main-area::before,
body.page-profile .main-area::after,
body.page-profile .content::before,
body.page-profile .content::after,
body.page-profile .profile-card::before,
body.page-profile .profile-card::after{
  content:none!important;
  display:none!important;
  background:none!important;
  background-image:none!important;
}
.page-profile .profile-card{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  max-width:880px;
  min-height:0;
  background:var(--surface)!important;
  background-image:none!important;
}
.page-profile .profile-card>*{
  position:relative;
  z-index:2;
}
.page-profile .main-area>img,
.page-profile .content>img,
.page-profile .profile-card>img,
.page-profile .main-area>picture,
.page-profile .content>picture,
.page-profile .profile-card>picture,
.page-profile [class*="decorative"],
.page-profile [class*="decoration"],
.page-profile .money-art,
.page-profile .money-bag,
.page-profile .money-illustration,
.page-profile .floating-money,
.page-profile .profile-illustration{
  display:none!important;
  visibility:hidden!important;
  pointer-events:none!important;
}
.profile-avatar-preview{flex:0 0 auto;line-height:0}
.profile-avatar-preview .avatar{line-height:normal}
.profile-card form,.profile-card label,.profile-card input,.profile-card button{position:relative;z-index:3}
.profile-card input[type="file"]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
@media(max-width:760px){
  .page-profile .profile-card{max-width:100%;padding:18px}
  .page-profile .profile-head{align-items:center}
}


/* LiburFund V4 - multi-role login dan manajemen akses */
.auth-card-wide{max-width:560px}
.login-role-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.login-role-option{margin:0;cursor:pointer}
.login-role-option input{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px}
.login-role-option span{min-height:94px;border:1px solid var(--line);background:var(--surface-2);border-radius:13px;padding:11px 8px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;transition:.18s}
.login-role-option b{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:var(--surface);color:var(--primary);font-size:14px;margin-bottom:7px}
.login-role-option strong{font-size:11px;color:var(--text)}
.login-role-option small{font-size:8px;line-height:1.35;color:var(--muted);margin-top:3px}
.login-role-option:hover span{border-color:var(--primary);transform:translateY(-1px)}
.login-role-option input:checked+span{border-color:var(--primary);background:linear-gradient(135deg,rgba(63,99,232,.14),rgba(119,86,232,.1));box-shadow:0 0 0 3px rgba(63,99,232,.08)}
.login-role-option input:focus-visible+span{outline:3px solid rgba(63,99,232,.2)}
.role-summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}
.role-summary-grid>div{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:14px;box-shadow:var(--shadow)}
.role-summary-grid strong,.role-summary-grid span{display:block}
.role-summary-grid strong{font-size:12px;color:var(--primary)}
.role-summary-grid span{font-size:9px;line-height:1.5;color:var(--muted);margin-top:5px}
.account-create-grid{grid-template-columns:1.2fr 1.3fr 1fr .8fr 1fr auto;align-items:end}
.account-create-button{height:39px;margin-bottom:0;white-space:nowrap}
.role-change-form{display:flex;align-items:center;gap:6px;min-width:205px}
.role-change-form select{margin:0;padding:7px 9px;min-width:105px}
.role-chip{display:inline-flex;padding:6px 9px;border-radius:999px;font-size:9px;font-weight:800;background:var(--surface-2);border:1px solid var(--line)}
.role-superadmin{color:#9a4ee6;background:rgba(154,78,230,.1);border-color:rgba(154,78,230,.18)}
.role-admin{color:var(--primary);background:rgba(63,99,232,.1);border-color:rgba(63,99,232,.18)}
.role-user{color:var(--success);background:rgba(20,150,111,.1);border-color:rgba(20,150,111,.18)}
.role-pengguna{color:var(--warning);background:rgba(217,144,26,.1);border-color:rgba(217,144,26,.18)}
@media(max-width:1100px){.role-summary-grid{grid-template-columns:repeat(2,1fr)}.account-create-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.account-create-button{width:100%}}
@media(max-width:600px){.login-role-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.role-summary-grid{grid-template-columns:1fr}.account-create-grid{grid-template-columns:1fr}.role-change-form{min-width:170px}.auth-card-wide{max-width:410px}}