.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}
.fin-region input[type=date]{display:block;width:100%;margin:6px 0 10px;padding:10px 12px;border:1px solid #e7e3ef;border-radius:10px;background:#fff;font-weight:700;color:#353241;outline:0;box-sizing:border-box}
body.dark .fin-region input[type=date]{background:#171521;color:#eeeaf6;border-color:#302b3d}

#finModalPortal{position:static}
.fin-modal-layer{
  position:fixed !important;
  top:0 !important;
  right:0 !important;
  bottom:0 !important;
  left:var(--sidebar-width, 236px) !important;
  z-index:200000 !important;
  display:flex !important;
  align-items:center;
  justify-content:center;
  padding:24px;
  box-sizing:border-box;
}
.fin-modal-backdrop{
  position:absolute !important;
  inset:0 !important;
  left:0 !important;
  background:#120d1d80;
  backdrop-filter:blur(3px);
  z-index:0 !important;
}
.fin-modal{
  position:relative !important;
  z-index:1 !important;
  left:auto !important;
  top:auto !important;
  transform:none !important;
  width:min(560px, 100%) !important;
  max-height:86vh;
  overflow:auto;
}
.fin-form .fin-span .fin-primary,.fin-form .fin-span .fin-secondary{width:auto;display:inline-flex;align-items:center;gap:8px;margin-top:4px}
.fin-profit-modes{display:flex;flex-wrap:wrap;gap:8px}
.fin-profit-modes button{margin:0}
.fin-profit-modes button.is-on{background:#8d5de7;color:#fff;border-color:#8d5de7}
body.dark .fin-profit-modes button.is-on,.dark .fin-profit-modes button.is-on{background:#8d5de7;color:#fff;border-color:#8d5de7}
#finProfitOrderBlock{display:contents}
#finProfitOrderBlock[hidden],#finProfitSourceWrap[hidden]{display:none !important}
.fin-order-picker-layer{
  position:fixed !important;
  z-index:200010 !important;
  top:0 !important;
  right:0 !important;
  bottom:0 !important;
  left:var(--sidebar-width, 236px) !important;
  background:#120d1d88;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:24px;
  box-sizing:border-box;
}
.fin-order-picker-panel{
  position:relative;
  width:min(760px, 100%);
  max-height:86vh;
  overflow:auto;
  background:#fff;
  color:#292431;
  border:1px solid #e5dfed;
  border-radius:16px;
  padding:22px 22px 16px;
  box-shadow:0 24px 80px #1b102940;
}
.fin-order-picker-panel h3{margin:7px 0 5px;font-size:21px;color:inherit}
.fin-order-picker-panel p{margin:0 0 18px;color:#817a8c;font-size:11px}
@media(max-width:800px){
  .fin-modal-layer,.fin-order-picker-layer{left:0 !important}
}
.fin-order-tools{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 10px}
.fin-order-tools input,.fin-order-tools select{flex:1;min-width:140px;padding:9px 10px;border:1px solid #e4dfeb;border-radius:9px;font-size:12px;background:#fff;color:#332e3b;outline:0}
.fin-order-list{max-height:min(50vh,420px);overflow:auto;border:1px solid #ece8f2;border-radius:10px;margin-bottom:12px;background:#fff}
.fin-order-row{display:grid;grid-template-columns:92px 1fr auto auto;gap:8px;align-items:center;padding:8px 10px;border-bottom:1px solid #f0edf4;cursor:pointer;font-size:11px;color:#474352}
.fin-order-row:last-child{border-bottom:0}
.fin-order-row:hover,.fin-order-row.is-on{background:#f7f2ff}
.fin-order-row b{font-size:12px;color:inherit}
.fin-order-row small{display:block;color:#8a8496;font-size:10px}
.fin-order-amt{font-weight:800;white-space:nowrap;color:#292431}
.fin-order-badge{font-size:9px;font-weight:800;border-radius:99px;padding:3px 7px;background:#fff4d9;color:#9a7000}
.fin-order-badge.is-paid{background:#e7f7ed;color:#19814a}
.fin-order-badge.is-profit{background:#efe7ff;color:#6d3dd4}
.fin-profit-picked{grid-column:1/-1;background:#f7f4ff;border:1px dashed #d9c9fa;border-radius:10px;padding:10px 12px;font-size:12px}

body.dark .fin-order-picker-layer,
.dark .fin-order-picker-layer{background:#000c}
body.dark .fin-order-picker-panel,
.dark .fin-order-picker-panel{
  background:#171521 !important;
  color:#eeeaf6 !important;
  border-color:#383243 !important;
  box-shadow:0 24px 80px #0009 !important;
  color-scheme:dark;
}
body.dark .fin-order-picker-panel h3,
.dark .fin-order-picker-panel h3{color:#eeeaf6}
body.dark .fin-order-picker-panel p,
.dark .fin-order-picker-panel p{color:#aaa4b6}
body.dark .fin-order-picker-panel .fin-modal-kicker,
.dark .fin-order-picker-panel .fin-modal-kicker{color:#b998f5}
body.dark .fin-order-picker-panel .fin-modal-x,
.dark .fin-order-picker-panel .fin-modal-x{color:#aaa4b6}
body.dark .fin-order-picker-panel .fin-empty,
.dark .fin-order-picker-panel .fin-empty{color:#8f899c}
body.dark .fin-order-picker-panel .fin-secondary,
.dark .fin-order-picker-panel .fin-secondary{background:#1d1928;color:#eeeaf6;border-color:#3a3448}
body.dark .fin-order-tools input,
body.dark .fin-order-tools select,
.dark .fin-order-tools input,
.dark .fin-order-tools select{
  background:#211d2a !important;
  color:#eeeaf6 !important;
  border-color:#3a3448 !important;
  color-scheme:dark;
}
body.dark .fin-order-tools input::placeholder,
.dark .fin-order-tools input::placeholder{color:#8f899c}
body.dark .fin-order-tools option,
.dark .fin-order-tools option{background:#171521;color:#eeeaf6}
body.dark .fin-order-list,
.dark .fin-order-list{border-color:#3a3448 !important;background:#13111b !important}
body.dark .fin-order-row,
.dark .fin-order-row{border-bottom-color:#2a2633;color:#d7d2df}
body.dark .fin-order-row:hover,
body.dark .fin-order-row.is-on,
.dark .fin-order-row:hover,
.dark .fin-order-row.is-on{background:#2a2040}
body.dark .fin-order-row small,
.dark .fin-order-row small{color:#8f899c}
body.dark .fin-order-amt,
.dark .fin-order-amt{color:#eeeaf6}
body.dark .fin-order-badge,
.dark .fin-order-badge{background:#493916;color:#f3ca61}
body.dark .fin-order-badge.is-paid,
.dark .fin-order-badge.is-paid{background:#123c29;color:#72e0a2}
body.dark .fin-order-badge.is-profit,
.dark .fin-order-badge.is-profit{background:#2a2040;color:#c6a8ff}
body.dark .fin-profit-picked,
.dark .fin-profit-picked{border-color:#3a3448;background:#211d2a;color:#d7d2df}