.fin-shell{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#242232}.fin-head{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;padding:28px 30px 18px}.fin-eyebrow,.fin-kicker{font-size:10px;font-weight:800;letter-spacing:1.5px;color:#7650c8}.fin-head h1{font-size:30px;margin:5px 0 6px;letter-spacing:-.7px}.fin-head p{margin:0;color:#7c7b89;font-size:13px}.fin-region{min-width:235px}.fin-region span{display:block;font-size:9px;font-weight:800;color:#888593;margin-bottom:6px}.fin-region select{width:100%;padding:10px 12px;border:1px solid #e7e3ef;border-radius:10px;background:#fff;font-weight:700;color:#353241;outline:0}.fin-tabs{display:flex;gap:6px;padding:0 30px 18px;overflow:auto;border-bottom:1px solid #eeeaf4}.fin-tab{display:flex;align-items:center;gap:7px;border:1px solid #e9e5f0;background:#fff;border-radius:9px;padding:9px 12px;color:#747181;font-weight:750;cursor:pointer;white-space:nowrap}.fin-tab.active{background:#f1eaff;color:#6d3dd4;border-color:#d9c9fa;box-shadow:0 3px 10px #6331c00f}.fin-icon{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}.fin-hero{margin:22px 30px;background:linear-gradient(110deg,#1b1730,#2d2050);border-radius:18px;padding:26px 28px;color:#fff;display:flex;justify-content:space-between;gap:30px;overflow:hidden;position:relative}.fin-hero:after{content:"";position:absolute;width:260px;height:260px;border:1px solid #ffffff18;border-radius:50%;right:80px;top:-120px}.fin-badge{font-size:9px;letter-spacing:1.3px;color:#cbb9f5;font-weight:800}.fin-hero h2{font-size:25px;margin:9px 0 7px;letter-spacing:-.4px}.fin-hero p{max-width:610px;color:#c9c4d5;font-size:12px;line-height:1.6;margin:0}.fin-hero-actions{display:flex;gap:8px;margin-top:18px}.fin-primary,.fin-secondary,.fin-wide{border:0;border-radius:9px;padding:9px 12px;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;gap:7px}.fin-primary{background:#8d5de7;color:#fff}.fin-secondary{background:#fff;color:#393345;border:1px solid #e8e4ee}.fin-hero .fin-secondary{background:#ffffff10;color:#fff;border-color:#ffffff24}.fin-core{display:grid;grid-template-columns:repeat(3,120px);gap:10px;align-self:center;position:relative;z-index:1}.fin-core div{background:#ffffff0b;border:1px solid #ffffff17;border-radius:12px;padding:13px}.fin-core b{display:block;color:#bda7ed;font-size:9px}.fin-core span{display:block;font-weight:800;font-size:11px;margin-top:9px}.fin-core small{display:block;color:#aaa3b7;font-size:8px;margin-top:4px}.fin-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:0 30px 20px}.fin-metrics article{background:#fff;border:1px solid #ece8f2;border-radius:12px;padding:16px 17px;box-shadow:0 4px 18px #39245a08}.fin-metrics span{font-size:9px;color:#888593;font-weight:750}.fin-metrics strong{display:block;font-size:22px;margin:7px 0 3px;letter-spacing:-.4px}.fin-metrics small{font-size:9px;color:#15935a;font-weight:750}.fin-grid{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:16px;margin:0 30px}.fin-panel,.fin-side{background:#fff;border:1px solid #ece8f2;border-radius:13px;overflow:hidden}.fin-panel-head{padding:16px 18px;border-bottom:1px solid #eeeaf3;display:flex;justify-content:space-between;gap:14px;align-items:end}.fin-panel-head h3{margin:4px 0 0;font-size:15px}.fin-controls{display:flex;gap:7px}.fin-controls input,.fin-controls select{border:1px solid #e8e4ee;border-radius:8px;padding:8px 9px;font-size:10px;outline:0;background:#fff}.fin-icon-btn{width:34px;border:1px solid #e8e4ee;background:#fff;border-radius:8px;cursor:pointer;color:#665c75}.fin-table-wrap{overflow:auto}.fin-table{width:100%;border-collapse:collapse;min-width:620px}.fin-table th,.fin-table td{text-align:left;padding:12px 16px;border-bottom:1px solid #f0edf4;font-size:10px}.fin-table th{font-size:8px;text-transform:uppercase;letter-spacing:.8px;color:#9995a3;background:#fcfbfe}.fin-table td{color:#474352}.fin-status{display:inline-flex;border-radius:99px;padding:5px 8px;background:#f0eef4;color:#6c6875;font-size:8px;font-weight:800}.fin-status.success,.fin-status.paid,.fin-status.completed,.fin-status.approved,.fin-status.ready,.fin-status.cleared,.fin-status.available,.fin-status.posted{background:#e7f7ed;color:#19814a}.fin-status.pending{background:#fff4d9;color:#9a7000}.fin-status.failed,.fin-status.refunded{background:#fde9eb;color:#b63c49}.fin-side{padding:15px;background:#fbfaff}.fin-side-head{font-size:10px;font-weight:850;color:#50485e;display:flex;gap:7px;align-items:center;margin-bottom:10px}.fin-side-card{background:#fff;border:1px solid #ebe6f1;border-radius:10px;padding:12px;margin-bottom:8px}.fin-side-card span{font-size:8px;color:#8e8997;display:block}.fin-side-card strong{display:block;font-size:17px;margin:4px 0}.fin-side-card small{font-size:8px;color:#15935a}.fin-wide{width:100%;justify-content:center;background:#f0eaff;color:#6c3bd3;margin-top:5px}.fin-footer{display:flex;justify-content:space-between;align-items:center;margin:20px 30px 30px;color:#96919f;font-size:9px}.spin{animation:finspin .5s linear}@keyframes finspin{to{transform:rotate(360deg)}}
@media(max-width:900px){.fin-head,.fin-hero{flex-direction:column}.fin-region{width:100%}.fin-core{grid-template-columns:repeat(3,1fr);width:100%}.fin-metrics{grid-template-columns:repeat(2,1fr)}.fin-grid{grid-template-columns:1fr}.fin-panel-head{align-items:stretch;flex-direction:column}.fin-controls{flex-wrap:wrap}.fin-controls input{flex:1}}
@media(max-width:560px){.fin-head,.fin-hero,.fin-grid,.fin-metrics,.fin-footer{margin-left:14px;margin-right:14px}.fin-head{padding-left:0;padding-right:0}.fin-tabs{padding-left:14px;padding-right:14px}.fin-metrics{grid-template-columns:1fr 1fr}.fin-hero{padding:20px}.fin-core{grid-template-columns:1fr}.fin-head h1{font-size:25px}}

/* Dopetzcom V65 Finance Suite — dark mode hardening */
body.dark .fin-shell{color:#eeeaf6}
body.dark .fin-head p{color:#aaa5b7}
body.dark .fin-eyebrow,body.dark .fin-kicker{color:#b998f5}
body.dark .fin-region span{color:#a39dab}
body.dark .fin-region select,body.dark .fin-tab,body.dark .fin-metrics article,body.dark .fin-panel,body.dark .fin-side,body.dark .fin-controls input,body.dark .fin-controls select,body.dark .fin-icon-btn{background:#171521;color:#eeeaf6;border-color:#302b3d}
body.dark .fin-tabs{border-bottom-color:#302b3d}
body.dark .fin-tab{color:#aaa4b6}
body.dark .fin-tab:hover{background:#211c2d;color:#eeeaf6}
body.dark .fin-tab.active{background:#2a2040;color:#c6a8ff;border-color:#5a3b83;box-shadow:0 3px 14px #0006}
body.dark .fin-hero{background:linear-gradient(110deg,#120f20,#24183f);box-shadow:0 8px 30px #0005}
body.dark .fin-secondary{background:#1d1928;color:#eeeaf6;border-color:#3a3448}
body.dark .fin-metrics article{box-shadow:0 5px 20px #0004}
body.dark .fin-metrics span,body.dark .fin-table th,body.dark .fin-side-card span{color:#a39dab}
body.dark .fin-metrics small{color:#55d58d}
body.dark .fin-panel-head{border-bottom-color:#302b3d}
body.dark .fin-table th{background:#13111b}
body.dark .fin-table td{border-bottom-color:#292533;color:#d7d2df}
body.dark .fin-status{background:#2a2631;color:#c7c0d0}
body.dark .fin-status.success,body.dark .fin-status.paid,body.dark .fin-status.completed,body.dark .fin-status.approved,body.dark .fin-status.ready,body.dark .fin-status.cleared,body.dark .fin-status.available,body.dark .fin-status.posted{background:#123c29;color:#72e0a2}
body.dark .fin-status.pending{background:#493916;color:#f3ca61}
body.dark .fin-status.failed,body.dark .fin-status.refunded{background:#4a2028;color:#ff9ba7}
body.dark .fin-side{background:#121018}
body.dark .fin-side-card{background:#191621;border-color:#302b3d}
body.dark .fin-side-card small{color:#55d58d}
body.dark .fin-wide{background:#2a2040;color:#c6a8ff}
body.dark .fin-footer{color:#8f899c}
body.dark .fin-icon-btn:hover,body.dark .fin-controls input:focus,body.dark .fin-controls select:focus,body.dark .fin-region select:focus{border-color:#7650c8;box-shadow:0 0 0 3px #7650c81c}
body.dark .fin-region select option{background:#171521;color:#eeeaf6}
.fin-actions{white-space:nowrap}.fin-actions button{width:30px;height:30px;border:1px solid #e8e4ee;background:#fff;color:#655b72;border-radius:7px;cursor:pointer;margin-right:4px;display:inline-flex;align-items:center;justify-content:center}.fin-actions button:hover{color:#6d3dd4;border-color:#cdb7f3;background:#f7f2ff}.fin-empty{text-align:center!important;padding:28px!important;color:#9995a3}.fin-modal-backdrop{position:fixed;inset:0;background:#120d1d80;backdrop-filter:blur(3px);z-index:9998}.fin-modal{position:fixed;z-index:9999;left:50%;top:50%;transform:translate(-50%,-50%);width:min(620px,calc(100vw - 28px));max-height:88vh;overflow:auto;background:#fff;color:#292431;border:1px solid #e5dfed;border-radius:16px;padding:24px;box-shadow:0 24px 80px #1b102940}.fin-modal-x{position:absolute;right:14px;top:12px;border:0;background:transparent;font-size:25px;color:#82798d;cursor:pointer}.fin-modal-kicker{font-size:9px;letter-spacing:1.5px;font-weight:900;color:#7650c8}.fin-modal h3{margin:7px 0 5px;font-size:21px}.fin-modal p{margin:0 0 18px;color:#817a8c;font-size:11px}.fin-form{display:grid;grid-template-columns:1fr 1fr;gap:12px}.fin-form label{font-size:9px;font-weight:800;color:#756d80}.fin-form input,.fin-form select{display:block;width:100%;box-sizing:border-box;margin-top:5px;padding:10px 11px;border:1px solid #e4dfeb;border-radius:9px;background:#fff;color:#332e3b;outline:0}.fin-form input:focus,.fin-form select:focus{border-color:#7650c8;box-shadow:0 0 0 3px #7650c81c}.fin-form .fin-span{grid-column:1/-1}.fin-form .fin-check{grid-column:1/-1;display:flex;align-items:center;gap:8px;font-size:11px;font-weight:700;color:#4c4658}.fin-form .fin-check input{width:auto;margin:0}.fin-modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.fin-modal-actions button{border-radius:9px}.fin-primary,.fin-secondary{cursor:pointer}.fin-icon{flex:none}@media(max-width:600px){.fin-form{grid-template-columns:1fr}.fin-modal{padding:20px}}
body.dark .fin-actions button{background:#1b1823;color:#c8c1d2;border-color:#383243}body.dark .fin-actions button:hover{background:#2a2040;color:#c6a8ff;border-color:#5a3b83}body.dark .fin-modal-backdrop{background:#000b}.dark .fin-modal,body.dark .fin-modal{background:#171521;color:#eeeaf6;border-color:#383243;box-shadow:0 24px 80px #0009}.dark .fin-modal p,body.dark .fin-modal p{color:#aaa4b6}.dark .fin-form label,body.dark .fin-form label{color:#aaa4b6}.dark .fin-form input,.dark .fin-form select,body.dark .fin-form input,body.dark .fin-form select{background:#211d2a;color:#eeeaf6;border-color:#3a3448}.dark .fin-form input:focus,.dark .fin-form select:focus,body.dark .fin-form input:focus,body.dark .fin-form select:focus{border-color:#8d5de7;box-shadow:0 0 0 3px #8d5de722}.dark .fin-form .fin-check,body.dark .fin-form .fin-check{color:#c8c1d2}.dark .fin-modal-x,body.dark .fin-modal-x{color:#aaa4b6}