@import "https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;600;700;800&display=swap";
:root{--bg:#080808;--panel:#111;--panel-soft:#171717;--gold:#d6b25e;--gold-light:#f0d58c;--text:#f7f2e8;--muted:#9d978d;--line:#d6b25e2e;--green:#45c486;--red:#ff6b6b;--orange:#f3b75b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 80% 0%, #d6b25e17, transparent 30%), radial-gradient(circle at 10% 100%, #d6b25e0f, transparent 28%), var(--bg);color:var(--text);margin:0;font-family:Tajawal,sans-serif}button{font:inherit}.dashboard{background:0 0;grid-template-columns:290px 1fr;min-height:100vh;display:grid}.sidebar{border-left:1px solid var(--line);background:linear-gradient(#ffffff06,#fff0),#0d0d0d;flex-direction:column;justify-content:space-between;height:100vh;padding:28px 22px;display:flex;position:sticky;top:0;box-shadow:-12px 0 40px #00000059,inset 1px 0 #ffffff06}.logo{color:#111;background:linear-gradient(145deg, var(--gold-light), #a77b2e);border-radius:18px;place-items:center;width:58px;height:58px;margin-bottom:18px;font-size:28px;font-weight:800;display:grid;box-shadow:0 12px 30px #d6b25e2e,inset 0 1px #ffffff8c}.brand h2{margin:0;font-size:21px;font-weight:800}.brand p{color:var(--muted);margin:6px 0 0;font-size:13px}.nav{gap:10px;margin-top:38px;display:grid}.nav-item{text-align:right;color:#c8c3ba;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:15px;width:100%;padding:14px 16px;transition:all .2s}.nav-item:hover{color:var(--gold-light);border-color:var(--line);background:#d6b25e0f;transform:translate(-2px)}.nav-item.active{color:#15120b;background:linear-gradient(145deg, var(--gold-light), #b88b38);font-weight:800;box-shadow:0 10px 24px #d6b25e2e}.sidebar-footer{border:1px solid var(--line);background:#111;border-radius:16px;padding:16px;box-shadow:8px 8px 18px #070707,-5px -5px 14px #171717}.sidebar-footer span,.sidebar-footer strong{display:block}.sidebar-footer span{color:var(--muted);font-size:13px}.sidebar-footer strong{color:var(--gold-light);margin-top:5px;font-size:14px}.content{min-width:0;padding:32px}.topbar,.section-head,.bill-row,.apartment-title{justify-content:space-between;align-items:center;display:flex}.topbar{gap:20px;margin-bottom:26px}.eyebrow{color:var(--gold);margin:0 0 5px;font-size:13px;font-weight:700}.topbar h1{margin:0;font-size:clamp(25px,3vw,38px);font-weight:800}.gold-button,.outline-button,.details-button{cursor:pointer;border-radius:14px;transition:all .2s}.gold-button{color:#15120b;background:linear-gradient(145deg, var(--gold-light), #ad7e30);border:0;padding:13px 20px;font-weight:800;box-shadow:0 10px 25px #d6b25e2e}.gold-button:hover{filter:brightness(1.05);transform:translateY(-2px)}.hero{background:radial-gradient(circle at 15% 10%,#d6b25e2e,#0000 35%),linear-gradient(135deg,#17130c 0%,#0e0e0e 55%,#16110a 100%);border:1px solid #d6b25e3b;border-radius:28px;justify-content:space-between;align-items:center;gap:28px;min-height:235px;padding:36px;display:flex;position:relative;overflow:hidden;box-shadow:16px 16px 34px #00000080,-8px -8px 24px #ffffff06,inset 0 1px #ffffff0a}.hero:after{content:"";border:1px solid #d6b25e33;border-radius:50%;width:240px;height:240px;position:absolute;bottom:-100px;left:-70px}.hero-content{z-index:1;flex-direction:column;gap:14px;max-width:760px;display:flex;position:relative}.hero-content .eyebrow{color:var(--gold-light);margin:0;font-size:15px;font-weight:700}.hero-content h1{color:#fff;max-width:760px;margin:0;font-size:clamp(28px,4vw,48px);font-weight:800;line-height:1.35}.hero-content span{color:#b8b1a7;margin:0;font-size:17px;line-height:1.8;display:block}.hero-badge{z-index:1;text-align:center;background:#d6b25e0f;border:1px solid #d6b25e59;border-radius:50%;place-content:center;min-width:155px;min-height:155px;display:grid;position:relative;box-shadow:inset 8px 8px 20px #00000061,inset -5px -5px 14px #ffffff06}.hero-badge strong{color:var(--gold-light);font-size:48px;line-height:1}.hero-badge span{color:#b8b1a7;margin-top:8px;font-size:13px}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:26px;display:grid}.stat-card,.section-card,.apartment-card{border:1px solid var(--line);background:linear-gradient(145deg,#141414,#0e0e0e);box-shadow:10px 10px 24px #0000006b,-6px -6px 18px #ffffff05,inset 0 1px #ffffff06}.stat-card{border-radius:20px;padding:22px;transition:all .2s}.stat-card:hover,.apartment-card:hover{border-color:#d6b25e61;transform:translateY(-4px)}.stat-card span,.stat-card small{display:block}.stat-card span{color:var(--muted);font-size:14px}.stat-card strong{color:var(--gold-light);margin:13px 0 9px;font-size:25px;display:block}.stat-card small{color:#777168}.section-card{border-radius:24px;margin-top:26px;padding:26px}.section-head{gap:18px;margin-bottom:22px}.section-head p{color:var(--gold);margin:0;font-size:13px;font-weight:700}.section-head h3{margin:5px 0 0;font-size:24px}.outline-button{color:var(--gold-light);background:0 0;border:1px solid #d6b25e59;padding:11px 16px}.apartments-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;display:grid}.apartment-card{border-radius:19px;padding:20px;transition:all .2s}.apartment-title{border-bottom:1px solid var(--line);margin-bottom:12px;padding-bottom:15px}.apartment-title span{color:var(--muted);font-size:12px}.apartment-title strong{color:var(--gold-light);font-size:17px}.bill-row{color:#cbc5ba;margin-top:12px;font-size:14px}.status{text-align:center;border-radius:999px;min-width:62px;padding:6px 10px;font-size:12px;font-weight:800}.status.paid{color:var(--green);background:#45c4861a;border:1px solid #45c48640}.status.late{color:var(--red);background:#ff6b6b1a;border:1px solid #ff6b6b40}.status.partial{color:var(--orange);background:#f3b75b1a;border:1px solid #f3b75b40}.details-button{width:100%;color:var(--gold-light);border:1px solid var(--line);background:#101010;margin-top:18px;padding:11px}.details-button:hover{color:#15120b;background:linear-gradient(145deg, var(--gold-light), #af8134)}@media (max-width:1100px){.dashboard{grid-template-columns:230px 1fr}.stats-grid,.apartments-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.dashboard{display:block}.sidebar{width:100%;height:auto;position:static}.nav{grid-template-columns:repeat(2,minmax(0,1fr))}.content{padding:20px}.topbar,.hero,.section-head{flex-direction:column;align-items:stretch}.hero-badge{align-self:flex-start;min-width:125px;min-height:125px}.stats-grid,.apartments-grid{grid-template-columns:1fr}.gold-button,.outline-button{width:100%}}.nav-item{align-items:center;gap:11px;text-decoration:none;display:flex}.maintenance-header{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:25px;display:flex}.maintenance-header h1{margin:6px 0;font-size:clamp(30px,4vw,48px)}.maintenance-header>div>span{color:var(--muted)}.with-icon{align-items:center;gap:8px;display:flex}.maintenance-summary{grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:24px;display:grid}.maintenance-summary>div,.maintenance-category-card,.maintenance-records{border:1px solid var(--line);background:linear-gradient(145deg,#141414,#0e0e0e);box-shadow:10px 10px 24px #0000006b,-6px -6px 18px #ffffff05}.maintenance-summary>div{border-radius:20px;padding:23px}.maintenance-summary span,.maintenance-summary strong{display:block}.maintenance-summary span{color:var(--muted);font-size:14px}.maintenance-summary strong{color:var(--gold-light);margin-top:12px;font-size:26px}.maintenance-categories{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.maintenance-category-card{border-radius:22px;padding:23px}.maintenance-icon{color:#14110b;background:linear-gradient(145deg,var(--gold-light),#ad7e30);border-radius:17px;place-items:center;width:53px;height:53px;margin-bottom:18px;display:grid}.maintenance-category-card h2{margin:0;font-size:20px}.maintenance-category-card p{min-height:42px;color:var(--muted);font-size:13px;line-height:1.7}.category-total{border-top:1px solid var(--line);margin-top:18px;padding-top:15px}.category-total span,.category-total strong{display:block}.category-total span{color:var(--muted);font-size:12px}.category-total strong{color:var(--gold-light);margin-top:7px;font-size:18px}.maintenance-records{border-radius:24px;margin-top:25px;padding:25px}.maintenance-table-wrapper{overflow-x:auto}.maintenance-table{border-collapse:collapse;width:100%}.maintenance-table th,.maintenance-table td{text-align:right;border-bottom:1px solid var(--line);padding:17px 14px}.maintenance-table th{color:var(--gold-light);font-size:14px}.maintenance-table td{color:#c8c1b6;font-size:14px}.amount-cell{font-weight:800;color:var(--gold-light)!important}.invoice-link{color:var(--green);align-items:center;gap:6px;text-decoration:none;display:inline-flex}.no-invoice{color:#736e66}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000c7;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.maintenance-form{background:#111;border:1px solid #d6b25e4d;border-radius:25px;width:min(570px,100%);padding:27px;box-shadow:0 30px 80px #000000a6}.form-title{justify-content:space-between;gap:15px;margin-bottom:22px;display:flex}.form-title p{color:var(--gold);margin:0;font-size:13px}.form-title h2{margin:5px 0 0}.close-button{width:40px;height:40px;color:var(--gold-light);border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:12px;font-size:25px}.maintenance-form label{color:#d9d3c8;margin-top:16px;font-size:14px;display:block}.maintenance-form input,.maintenance-form select{width:100%;color:var(--text);border:1px solid var(--line);background:#0a0a0a;border-radius:13px;outline:none;margin-top:8px;padding:13px}.form-row{grid-template-columns:1fr 1fr;gap:15px;display:grid}.upload-field input{display:none}.upload-field>span{min-height:65px;color:var(--gold-light);cursor:pointer;background:#d6b25e0a;border:1px dashed #d6b25e73;border-radius:14px;justify-content:center;align-items:center;gap:9px;margin-top:8px;padding:15px;display:flex}.save-button{color:#15120b;cursor:pointer;background:linear-gradient(145deg,var(--gold-light),#ad7e30);border:0;border-radius:14px;width:100%;margin-top:22px;padding:14px;font-weight:800}@media (max-width:1050px){.maintenance-categories{grid-template-columns:repeat(2,1fr)}}@media (max-width:700px){.maintenance-header{flex-direction:column;align-items:stretch}.maintenance-summary,.maintenance-categories,.form-row{grid-template-columns:1fr}}.payments-header{margin-bottom:25px}.payments-header h1{margin:6px 0;font-size:clamp(32px,4vw,48px)}.payments-header>div>span{color:var(--muted)}.form-message{border-radius:15px;margin-bottom:20px;padding:15px 18px;font-weight:700}.success-message{color:var(--green);background:#45c48614;border:1px solid #45c48647}.error-message{color:var(--red);background:#ff6b6b14;border:1px solid #ff6b6b47}.payments-layout{grid-template-columns:minmax(0,2fr) minmax(260px,1fr);gap:22px;display:grid}.payment-form,.payment-summary-card{border:1px solid var(--line);background:linear-gradient(145deg,#141414,#0d0d0d);border-radius:24px;padding:25px;box-shadow:10px 10px 24px #0000006b,-6px -6px 18px #ffffff05}.payment-form-heading{align-items:center;gap:15px;margin-bottom:22px;display:flex}.payment-form-heading h2{margin:4px 0 0}.payment-form label{color:#d9d3c8;margin-top:16px;font-size:14px;display:block}.payment-form input,.payment-form select{width:100%;color:var(--text);border:1px solid var(--line);background:#090909;border-radius:13px;outline:none;margin-top:8px;padding:13px}.payment-form input:focus,.payment-form select:focus{border-color:#d6b25ea6}.payment-summary-card{flex-direction:column;justify-content:center;min-height:245px;display:flex}.payment-summary-card>span{color:var(--muted)}.payment-summary-card>strong{color:var(--gold-light);margin:15px 0 8px;font-size:32px}.payment-summary-card>small{color:#777168}.payments-records{margin-top:24px}.empty-table{text-align:center!important;color:var(--muted)!important;padding:35px!important}@media (max-width:850px){.payments-layout{grid-template-columns:1fr}}.details-button{width:150px;min-height:42px;color:var(--gold-light);text-align:center;background:#101010;border:1px solid #d6b25e40;border-radius:13px;justify-content:center;align-items:center;margin:20px auto 0;padding:10px 18px;font-size:14px;font-weight:700;text-decoration:none;transition:all .2s;display:flex}.details-button:hover{color:#15120b;background:linear-gradient(145deg, var(--gold-light), #b88934);border-color:#0000;transform:translateY(-2px);box-shadow:0 10px 24px #d6b25e2e}.apartment-details-header{justify-content:space-between;align-items:flex-start;gap:30px;margin-bottom:28px;display:flex}.apartment-details-header>div{flex:1;min-width:0}.apartment-details-header h1{color:var(--text);margin:6px 0 8px;font-size:clamp(30px,4vw,46px);line-height:1.25}.apartment-details-header>div>span{color:var(--muted);font-size:14px;line-height:1.8;display:block}.back-link{color:var(--gold-light);align-items:center;gap:7px;margin-bottom:22px;font-size:14px;text-decoration:none;display:inline-flex}.details-add-button{color:#15120b;white-space:nowrap;background:linear-gradient(145deg, var(--gold-light), #ad7e30);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;min-width:135px;min-height:46px;padding:11px 20px;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:0 10px 25px #d6b25e2e}.details-add-button:hover{filter:brightness(1.05);transform:translateY(-2px)}.apartment-details-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:25px;display:grid}.apartment-details-summary article{border:1px solid var(--line);background:linear-gradient(145deg,#151515,#0d0d0d);border-radius:22px;min-height:150px;padding:68px 25px 25px;position:relative;overflow:hidden;box-shadow:10px 10px 24px #0000006b,-6px -6px 18px #ffffff05,inset 0 1px #ffffff06}.apartment-details-summary article>svg{width:25px;height:25px;color:var(--gold-light);position:absolute;top:22px;right:22px}.apartment-details-summary span,.apartment-details-summary strong{display:block}.apartment-details-summary span{color:var(--muted);font-size:14px}.apartment-details-summary strong{color:var(--gold-light);margin-top:12px;font-size:24px;line-height:1.4}@media (max-width:900px){.apartment-details-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:700px){.apartment-details-header{flex-direction:column;align-items:stretch}.details-add-button{width:100%}.apartment-details-summary{grid-template-columns:1fr}}.payment-actions{justify-content:center;align-items:center;gap:10px;display:flex}:is(.payment-icon-button,.payment-edit-menu summary) .payment-edit-menu summary:after{display:none}:is(.payment-icon-button,.payment-edit-menu summary) .payment-edit-menu[open] .payment-icon-button{background:var(--gold-light);color:#111}.payment-icon-button,.payment-edit-menu summary{border:1px solid var(--line);cursor:pointer;background:#171717;border-radius:12px;justify-content:center;align-items:center;width:38px;height:38px;list-style:none;transition:all .2s;display:inline-flex}.payment-edit-menu summary::-webkit-details-marker{display:none}.edit-icon-button{color:var(--gold-light)}.edit-icon-button:hover{background:var(--gold-light);color:#111}.delete-icon-button{color:#ff4d4f;border-color:#ff4d4f59}.delete-icon-button:hover{color:#fff;background:#d9363e;border-color:#d9363e}.payment-edit-menu{position:relative}.payment-edit-form{z-index:100;border:1px solid var(--line);background:#111;border-radius:16px;width:280px;padding:18px;position:absolute;top:55px;right:120px;box-shadow:0 18px 45px #00000073}.payment-edit-title{color:var(--gold-light);align-items:center;gap:8px;margin-bottom:15px;display:flex}.payment-edit-form label{margin-bottom:12px;font-size:13px;display:block}.payment-edit-form input{color:#fff;border:1px solid var(--line);background:#0d0d0d;border-radius:10px;width:100%;margin-top:6px;padding:10px}.save-payment-edit{color:#111;background:var(--gold-light);cursor:pointer;border:0;border-radius:10px;width:100%;margin-top:10px;padding:11px;font-weight:700}.inline-payment-input{color:#fff;background:#111;border:1px solid #d6b25e59;border-radius:10px;outline:none;width:100%;min-width:120px;padding:10px 12px;font-family:inherit;font-size:14px;transition:all .2s}.inline-payment-input:focus{border-color:var(--gold-light);box-shadow:0 0 0 3px #d6b25e1f}.amount-input{width:110px}.payment-row.editing{background:#d6b25e0a}.save-inline-button{color:#fff;cursor:pointer;background:#22c55e;border:none;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;transition:all .2s;display:inline-flex}.save-inline-button:hover{background:#16a34a;transform:translateY(-2px)}.cancel-inline-button{color:#fff;cursor:pointer;background:#6b7280;border:none;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;transition:all .2s;display:inline-flex}.cancel-inline-button:hover{background:#4b5563;transform:translateY(-2px)}.utility-type{color:var(--gold-light);align-items:center;gap:7px;font-weight:700;display:inline-flex}.utility-status{border-radius:999px;justify-content:center;align-items:center;min-width:92px;padding:7px 12px;font-size:12px;font-weight:800;display:inline-flex}.utility-status.paid{color:var(--green);background:#45c48617;border:1px solid #45c4864d}.utility-status.unpaid{color:var(--red);background:#ff6b6b17;border:1px solid #ff6b6b4d}.utility-action{cursor:pointer;border-radius:11px;justify-content:center;align-items:center;min-width:88px;height:38px;padding:0 13px;font-family:inherit;font-size:12px;font-weight:800;transition:all .2s;display:inline-flex}.paid-action{color:var(--green);background:#45c48614;border:1px solid #45c48652}.paid-action:hover{color:#07130d;background:var(--green);transform:translateY(-2px)}.unpaid-action{color:var(--red);background:#ff6b6b14;border:1px solid #ff6b6b52}.unpaid-action:hover{color:#fff;background:#c43c3c;transform:translateY(-2px)}.utility-overview-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:24px;display:grid}.utility-overview-card{border:1px solid var(--line);background:linear-gradient(145deg,#141414,#0d0d0d);border-radius:20px;padding:24px;box-shadow:10px 10px 24px #0000006b,-6px -6px 18px #ffffff05}.utility-overview-card span{color:var(--muted);margin-bottom:12px;font-size:14px;display:block}.utility-overview-card strong{color:var(--gold-light);margin-bottom:12px;font-size:28px;display:block}.utility-overview-card small{color:#7c766d;display:block}@media (max-width:900px){.utility-overview-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:700px){.utility-overview-grid{grid-template-columns:1fr}}.reports-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:26px;display:grid}.report-card{border:1px solid var(--line);background:linear-gradient(145deg,#151515,#0d0d0d);border-radius:22px;flex-direction:column;justify-content:center;min-height:170px;padding:25px;display:flex;box-shadow:10px 10px 24px #0000006b,-6px -6px 18px #ffffff05,inset 0 1px #ffffff06}.report-card span,.report-card strong,.report-card small{display:block}.report-card span{color:var(--muted);font-size:14px}.report-card strong{color:var(--gold-light);margin:16px 0 10px;font-size:28px}.report-card small{color:#777168;line-height:1.7}.balance-card{background:radial-gradient(circle at 85% 15%,#d6b25e1f,#0000 35%),linear-gradient(145deg,#17130c,#0d0d0d);border-color:#d6b25e6b}@media (max-width:1000px){.reports-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:700px){.reports-grid{grid-template-columns:1fr}}.income-card{border-color:#4f8cff59}.income-card strong{color:#4f8cff}.expenses-card{border-color:#59d97c59}.expenses-card strong{color:#59d97c}.balance-card{border-color:#ffffff40}.balance-card strong{color:#fff}.apartments-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:22px;margin-top:28px;display:grid}.apartment-card{color:inherit;background:#ffffff08;border:1px solid #d4af3740;border-radius:24px;flex-direction:column;gap:16px;padding:28px;text-decoration:none;transition:all .25s;display:flex}.apartment-card:hover{border-color:#d4af37;transform:translateY(-6px);box-shadow:0 18px 40px #d4af372e}.apartment-card h3{color:#fff;margin:0;font-size:30px;font-weight:800}.apartment-card strong{color:#d4af37;font-size:34px;font-weight:800}.apartments-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.apartment-card{color:#fff;background:#171717;border:1px solid #d4af3738;border-radius:18px;justify-content:space-between;align-items:center;min-height:90px;padding:18px 22px;text-decoration:none;transition:all .25s;display:flex}.apartment-card:hover{border-color:#d4af37;transform:translateY(-3px)}.apartment-card h3{margin:0;font-size:20px}.apartment-card strong{color:#d4af37;font-size:18px}.apartment-card span{color:#999;font-size:13px}@media (max-width:1200px){.apartments-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:850px){.apartments-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.apartments-grid{grid-template-columns:1fr}}.settings-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:22px;margin-top:30px;display:grid}.settings-card{background:#ffffff08;border:1px solid #d4af3733;border-radius:22px;align-items:center;gap:18px;padding:24px;transition:all .25s;display:flex}.settings-card:hover{border-color:#d4af37;transform:translateY(-5px);box-shadow:0 18px 35px #d4af372e}.settings-icon{color:#d4af37;background:#d4af371f;border-radius:18px;justify-content:center;align-items:center;width:64px;height:64px;display:flex}.settings-card h2{color:#fff;margin:0 0 8px;font-size:21px}.settings-card p{color:#a6a6a6;margin:0;line-height:1.8}.logo{justify-content:center;align-items:center;width:72px;height:72px;display:flex;overflow:hidden}.sidebar-logo{object-fit:contain;width:60px;height:60px}.settings-card{color:inherit;text-decoration:none}.settings-card:visited{color:inherit}.settings-card h2,.settings-card p{text-decoration:none}.settings-form{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));align-items:end;gap:22px;margin-top:30px;display:grid}.settings-field{flex-direction:column;gap:10px;display:flex}.settings-field span{color:#d4af37;font-weight:700}.settings-field input{color:#fff;background:#181818;border:1px solid #d4af3740;border-radius:14px;width:100%;padding:14px 16px;font-size:15px}.settings-field input:focus{border-color:#d4af37;outline:none;box-shadow:0 0 0 3px #d4af371f}.login-page{background:radial-gradient(circle at 100% 0,#d6b25e21,#0000 30%),radial-gradient(circle at 0 100%,#d6b25e14,#0000 28%),#070707;place-items:center;min-height:100vh;padding:32px;display:grid}.login-card{background:#101010;border:1px solid #d6b25e42;border-radius:30px;grid-template-columns:1.05fr .95fr;width:min(980px,100%);display:grid;overflow:hidden;box-shadow:0 30px 80px #0000008c}.login-brand{text-align:center;background:linear-gradient(#080808b8,#080808e6),radial-gradient(circle,#d6b25e2e,#0000 55%);border-left:1px solid #d6b25e2e;flex-direction:column;justify-content:center;align-items:center;min-height:560px;padding:48px;display:flex}.login-logo{object-fit:contain;border-radius:28px;width:150px;height:150px;margin-bottom:24px}.login-brand h1{color:#fff;margin:8px 0 12px;font-size:clamp(28px,4vw,42px);line-height:1.3}.login-brand span{color:#aaa39a;max-width:460px;font-size:16px;line-height:1.9}.login-form{flex-direction:column;justify-content:center;gap:22px;padding:48px;display:flex}.login-heading p{color:var(--gold-light);margin:0 0 6px;font-weight:700}.login-heading h2{color:#fff;margin:0;font-size:34px}.login-form label{flex-direction:column;gap:10px;display:flex}.login-form label span{color:#d9d3ca;font-weight:700}.login-form input{color:#fff;background:#171717;border:1px solid #d6b25e3d;border-radius:14px;width:100%;padding:15px 17px;font-size:15px}.login-form input:focus{border-color:var(--gold-light);outline:none;box-shadow:0 0 0 3px #d6b25e1f}.login-error{color:#ff8d8d;text-align:center;background:#ff525214;border:1px solid #ff525259;border-radius:13px;padding:13px 15px;font-size:14px}@media (max-width:820px){.login-card{grid-template-columns:1fr}.login-brand{border-bottom:1px solid #d6b25e2e;border-left:0;min-height:auto;padding:36px 24px}.login-logo{width:110px;height:110px}.login-form{padding:36px 24px}}.forgot-password-row{justify-content:flex-start;margin-top:-10px;display:flex}.forgot-password-row a{color:var(--gold-light);font-size:14px;font-weight:700;text-decoration:none;transition:opacity .2s}.forgot-password-row a:hover{opacity:.75;text-decoration:underline}.password-help-card{background:#d6b25e0f;border:1px solid #d6b25e40;border-radius:18px;padding:22px}.password-help-card h3{color:var(--gold-light);margin:0 0 12px;font-size:20px}.password-help-card p{color:#b8b1a7;margin:8px 0 0;line-height:1.8}.password-help-card+.save-button{text-align:center;text-decoration:none}.settings-field select{color:#fff;cursor:pointer;background:#181818;border:1px solid #d4af3740;border-radius:14px;width:100%;padding:14px 16px;font-family:inherit;font-size:15px}.settings-field select:focus{border-color:#d4af37;outline:none;box-shadow:0 0 0 3px #d4af371f}.danger-button{color:#fff;cursor:pointer;background:#b91c1c;border:none;border-radius:12px;padding:10px 18px;transition:all .25s}.table-actions{flex-wrap:nowrap;justify-content:center;align-items:center;gap:10px;display:flex}.table-actions form{margin:0}.table-actions .outline-button,.table-actions .danger-button,.table-actions .current-user-label{justify-content:center;align-items:center;min-width:88px;height:40px;font-size:13px;font-weight:700;text-decoration:none;display:inline-flex}.outline-button{color:var(--gold-light);background:0 0;border:1px solid #d6b25e59}.outline-button:hover{background:#d6b25e14}.danger-button{color:#fff;cursor:pointer;background:#b91c1c;border:none;border-radius:12px;transition:all .25s}.danger-button:hover{background:#991b1b}.current-user-label{color:var(--muted);background:#ffffff08;border:1px solid #ffffff14;border-radius:12px}