@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Inter:wght@400;500;600;700&family=IBM+Plex+Sans+Arabic:wght@400;600&display=swap');
:root{--bg:#F5F8F8!important;--surface:#fff!important;--sidebar:#fff!important;--sidebar-hover:#E5F3F2!important;--sidebar-active:#E5F3F2!important;--nav-text:#687A79!important;--nav-section:#687A79!important;--text:#414141!important;--muted:#687A79!important;--light:#687A79!important;--accent:#50B2AD!important;--accent-d:#3a9691!important;--accent-dark:#257e79!important;--accent-glow:rgba(80,178,173,.15)!important;--accent-glow-sm:rgba(80,178,173,.09)!important;--border:#E5EAEA!important;--green:#2a9d65!important;--green-bg:#e8f8ee!important;--green-text:#187044!important;--red:#c95965!important;--red-bg:#fff0f0!important;--red-text:#a83d46!important}
html,body{font-family:Inter,Arial,sans-serif!important;background:#F5F8F8!important;color:#414141!important}h1,h2,h3,h4,.topbar-title,.df-title{font-family:Manrope,Inter,sans-serif!important}button,input,select,textarea{font-family:Inter,sans-serif!important}button{cursor:pointer} .shell{display:block!important;min-height:100vh!important}.main{margin-left:0!important;padding:92px clamp(15px,3vw,45px) 50px!important;width:100%!important;max-width:1600px!important;margin-right:auto!important;margin-inline:auto!important}.page{max-width:100%!important}.nav.df-nav{position:fixed!important;top:0!important;left:0!important;bottom:0!important;width:276px!important;max-width:86vw!important;z-index:1300!important;background:#fff!important;color:#414141!important;box-shadow:12px 0 45px rgba(20,49,49,.13)!important;transform:translateX(-105%)!important;transition:transform .24s ease!important;border-right:1px solid #e5eaea!important;display:flex!important;flex-direction:column!important;overflow:hidden!important}.df-menu-open .nav.df-nav{transform:translateX(0)!important}.nav.df-nav .nav-toggle{display:none!important}.df-nav-brand{padding:23px 18px;display:flex;gap:11px;align-items:center;border-bottom:1px solid #e5eaea}.df-monogram{width:42px;height:42px;background:#50B2AD;color:#fff;display:grid;place-items:center;border-radius:13px;font-size:22px;font-family:'IBM Plex Sans Arabic',sans-serif}.df-nav-brand strong{display:block;font:800 14px Manrope;letter-spacing:.02em;color:#414141}.df-nav-brand small{font:500 11px Inter;color:#687A79}.df-nav-close{margin-left:auto;border:0;background:#f5f8f8;border-radius:9px;width:30px;height:30px;font-size:22px;color:#687A79}.df-nav-scroll{flex:1;overflow-y:auto;padding:10px 10px 30px}.df-group{margin:9px 0 16px}.df-group-title{padding:12px 12px 7px;font:700 10px Inter;color:#8c9a99;letter-spacing:.11em}.nav.df-nav .nav-item{display:flex!important;align-items:center!important;gap:12px!important;margin:2px 0!important;padding:11px 13px!important;border-radius:10px!important;color:#596968!important;background:transparent!important;min-height:40px!important;font-size:13px!important;font-weight:550!important}.nav.df-nav .nav-item i{color:#879995!important;width:19px!important;font-size:15px!important}.nav.df-nav .nav-item.active{background:#E5F3F2!important;color:#257e79!important;font-weight:750!important}.nav.df-nav .nav-item.active i{color:#257e79!important}.nav.df-nav .nav-item:hover{background:#f2f8f7!important}.nav.df-nav .nav-lbl{display:inline!important;opacity:1!important;visibility:visible!important}.df-nav-bottom{padding:12px;border-top:1px solid #e5eaea}.df-nav-bottom button{border:1px solid #e5eaea;background:white;border-radius:10px;padding:10px;width:100%;text-align:left;color:#414141}.df-nav-footnote{font-size:10px;color:#9aa5a4;margin-top:10px;text-align:center}.df-scrim{position:fixed;inset:0;background:rgba(20,38,38,.36);z-index:1250;display:none}.df-menu-open .df-scrim{display:block}.df-topbar.th{position:fixed!important;top:0!important;left:0!important;right:0!important;z-index:1100!important;background:rgba(255,255,255,.96)!important;border-bottom:1px solid #E5EAEA!important;box-shadow:0 3px 14px rgba(30,55,55,.03)!important;min-height:72px!important;height:72px!important;padding:0 clamp(14px,3vw,42px)!important;display:flex!important;justify-content:space-between!important;align-items:center!important}.df-top-left,.df-top-actions{display:flex;align-items:center;gap:13px}.df-menu-button,.df-top-icon{border:1px solid #e5eaea;background:#fff;color:#414141;border-radius:11px;width:39px;height:39px;display:grid;place-items:center}.df-menu-button:hover,.df-top-icon:hover{background:#e5f3f2}.df-top-title strong{display:block;font:800 15px Manrope;color:#414141}.df-top-title small{display:block;color:#899796;font-size:11px;margin-top:2px}.df-search-trigger{width:min(31vw,340px);border:1px solid #e5eaea;border-radius:10px;background:#f8fafa;display:flex;gap:11px;align-items:center;color:#899796;padding:11px 12px;font-size:12px;text-align:left}.df-search-trigger span{flex:1}.df-search-trigger kbd{background:#fff;border:1px solid #e5eaea;border-radius:5px;padding:2px 4px;font-size:10px}.df-top-month{font-size:11px;color:#687a79}.df-user{width:35px;height:35px;border:0;border-radius:50%;background:#e5f3f2;color:#257e79;font-weight:800}.df-top-icon{position:relative}.df-top-icon b:not(:empty){position:absolute;right:3px;top:2px;border-radius:12px;background:#c95965;color:white;font:700 9px Inter;padding:2px 4px}.topbar{border:0!important;background:transparent!important;padding:0!important;margin-bottom:18px!important;box-shadow:none!important}.panel,.fc-panel,.tch-card,.cls-card{border:1px solid #e5eaea!important;box-shadow:0 4px 20px rgba(25,56,56,.035)!important;border-radius:16px!important}.btn-primary,.dash-action-btn.btn-primary{background:#50B2AD!important;color:#fff!important;border-color:#50B2AD!important}.rev-hero{background:#fff!important;border:1px solid #e5eaea!important;border-radius:18px!important;box-shadow:none!important;color:#414141!important}.rev-hero-value{color:#187044!important}.rev-hero-label{color:#687A79!important}.rev-tile{border:1px solid #e5eaea!important;border-radius:13px!important;background:#fff!important}.rev-tile:first-child{background:#fff0f0!important;border-color:#ffdfdf!important}.rev-tile:first-child .rev-tile-value{color:#a83d46!important}.rev-tile:nth-child(2){background:#e8f8ee!important;border-color:#d2f0df!important}.rev-tile:nth-child(2) .rev-tile-value{color:#187044!important}.rev-tile:nth-child(3){background:#eaf4ff!important;border-color:#d8eafd!important}.rev-tile:nth-child(3) .rev-tile-value{color:#2867a6!important}.rev-progress-fill{background:#50B2AD!important}.df-title{font-weight:800;font-size:24px;letter-spacing:-.04em}.df-subtitle{color:#687A79;font-size:13px;margin:5px 0 23px}.df-toolbar{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin-bottom:19px}.df-input,.df-select{padding:11px 13px;border:1px solid #e5eaea;border-radius:10px;background:#fff;color:#414141;min-height:42px;font-size:13px}.df-input:focus,.df-select:focus{outline:2px solid #50B2AD;outline-offset:1px}.df-button{padding:11px 15px;border-radius:10px;background:#50B2AD;border:1px solid #50B2AD;color:#fff;font-weight:700;font-size:12px;min-height:42px}.df-button.secondary{background:#fff;color:#414141;border-color:#e5eaea}.df-button.danger{background:#fff0f0;color:#a83d46;border-color:#ffd7d9}.df-button:disabled{opacity:.5;cursor:not-allowed}.df-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px}.df-stat{border-radius:16px;padding:20px;border:1px solid transparent;min-width:0}.df-stat label{font-size:12px;font-weight:700;display:flex;justify-content:space-between;align-items:center}.df-stat strong{font:800 clamp(19px,2.2vw,28px) Manrope;letter-spacing:-.04em;display:block;margin-top:12px;overflow-wrap:anywhere}.df-stat small{font-size:11px;opacity:.8}.df-stat.green{background:#e8f8ee;border-color:#d4f1df;color:#187044}.df-stat.red{background:#fff0f0;border-color:#ffdfdf;color:#a83d46}.df-stat.blue{background:#eaf4ff;border-color:#d8eafd;color:#2867a6}.df-stat.amber{background:#fff6e7;border-color:#f8e8c8;color:#98601a}.df-stat.teal{background:#e5f3f2;border-color:#cce9e7;color:#257e79}.df-panel{background:#fff;border:1px solid #e5eaea;border-radius:16px;padding:20px;margin-bottom:18px;box-shadow:0 3px 16px rgba(25,56,56,.025)}.df-panel h3{font:800 15px Manrope;margin:0 0 14px}.df-panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}.df-panel-head h3{margin:0}.df-table-wrap{overflow:auto}.df-table{width:100%;border-collapse:collapse;font-size:12px}.df-table th{text-align:left;background:#f7f9f9;color:#687a79;font-size:11px;letter-spacing:.025em;padding:13px;white-space:nowrap}.df-table td{padding:13px;border-bottom:1px solid #eff2f2;vertical-align:middle}.df-table tr:hover td{background:#fafdfd}.df-chip{border-radius:20px;padding:5px 9px;font-size:10px;font-weight:750;white-space:nowrap}.df-chip.paid{background:#e8f8ee;color:#187044}.df-chip.pending{background:#fff0f0;color:#a83d46}.df-row-actions{display:flex;gap:6px}.df-linkbtn{border:1px solid #e5eaea;background:white;border-radius:8px;padding:7px 9px;color:#257e79;font-size:11px;font-weight:700}.df-two{display:grid;grid-template-columns:1.35fr 1fr;gap:17px}.df-empty{padding:36px 20px;text-align:center;color:#899796;font-size:13px}.df-drawer-bg,.df-modal-bg{position:fixed;inset:0;background:rgba(18,36,36,.4);z-index:2100;display:flex;justify-content:flex-end}.df-drawer{width:min(570px,100vw);height:100%;overflow:auto;background:#fff;padding:27px;box-shadow:-12px 0 50px rgba(20,30,30,.12)}.df-modal-bg{align-items:center;justify-content:center;padding:15px}.df-modal{width:min(580px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:19px;padding:25px}.df-close{float:right;background:#f5f8f8;border:0;border-radius:9px;padding:8px 11px}.df-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.df-tabs button{border:1px solid #e5eaea;background:#fff;padding:9px 12px;border-radius:9px;font-size:12px}.df-tabs button.active{background:#e5f3f2;color:#257e79;border-color:#50b2ad}.df-field{display:grid;gap:5px;margin:12px 0}.df-field label{font-size:12px;font-weight:700}.df-field input,.df-field select,.df-field textarea{padding:11px;border:1px solid #e5eaea;border-radius:9px;width:100%;font-size:13px}.df-help{font-size:12px;color:#687a79;line-height:1.6}.df-warning{padding:14px;border-radius:12px;background:#fff6e7;color:#865b22;border:1px solid #f7e8c8;font-size:12px;margin-bottom:16px}.df-calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px}.df-cal-day{border:1px solid #e5eaea;border-radius:10px;min-height:90px;padding:9px;background:#fff}.df-cal-day.muted{opacity:.4}.df-cal-day strong{font-size:12px}.df-cal-event{background:#e5f3f2;color:#257e79;font-size:10px;padding:4px;border-radius:5px;margin-top:5px;overflow:hidden;text-overflow:ellipsis}.df-search-backdrop{position:fixed;inset:0;background:rgba(17,32,32,.54);z-index:2500;display:flex;justify-content:center;align-items:flex-start;padding:12vh 14px}.df-search-box{background:#fff;width:min(680px,100%);border-radius:16px;padding:17px;box-shadow:0 20px 80px rgba(0,0,0,.18)}.df-search-results{max-height:55vh;overflow:auto}.df-search-hit{display:block;width:100%;text-align:left;background:#fff;border:0;border-bottom:1px solid #e5eaea;padding:13px;font-size:13px;color:#414141}.df-search-hit:hover{background:#e5f3f2}.df-legacy-collection{display:none!important}.df-automation-row{display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid #e5eaea;padding:17px 0}.df-toggle{width:40px;height:22px;accent-color:#50B2AD}.df-dashboard-actions{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:18px}.df-dashboard-actions button{border:1px solid #e5eaea;border-radius:11px;background:#fff;padding:11px 14px;font-size:12px;font-weight:700;color:#414141}.df-dashboard-actions button i{color:#50B2AD;margin-right:6px}#page-dashboard>.topbar,#page-dashboard>.rev-hero{display:none!important}#dfDashboardRoot{display:block}.df-legacy-fees{display:none!important}.df-print-only{display:none}
@media(max-width:900px){.df-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.df-two{grid-template-columns:1fr}.df-search-trigger{width:42px;padding:11px;justify-content:center}.df-search-trigger span,.df-search-trigger kbd{display:none}.df-top-month{display:none}}
@media(max-width:560px){.df-grid{gap:9px}.df-stat{padding:14px}.df-stat strong{font-size:19px}.df-top-title small{display:none}.df-topbar.th{height:64px!important;min-height:64px!important}.main{padding-top:80px!important}.df-top-actions{gap:6px}.df-top-title strong{font-size:13px}.df-panel{padding:13px}.df-title{font-size:21px}.df-cal-day{min-height:62px;padding:5px}.df-cal-event{font-size:9px}.df-nav-brand{padding:16px}}
@media print{body *{visibility:hidden!important}.df-print-only,.df-print-only *{visibility:visible!important}.df-print-only{display:block!important;position:absolute;left:0;top:0;width:100%;padding:40px;color:#414141}.df-print-only h1{color:#50B2AD}.df-print-only table{width:100%;border-collapse:collapse}.df-print-only td{padding:10px;border-bottom:1px solid #ddd}}


/* Darul Furqan — Apple-inspired visual refinement (v3) */
:root{--bg:#edf2f6!important;--surface:#fff!important;--border:#e0e6ee!important;--text:#202936!important;--muted:#69778a!important;--accent:#359d98!important;--accent-dark:#167e79!important}
html,body{background:radial-gradient(ellipse 900px 460px at 100% 0%,#dcecf7 0%,transparent 72%),radial-gradient(ellipse 650px 430px at 0% 70%,#e2f2ed 0%,transparent 72%),#edf2f6!important;color:#202936!important;-webkit-font-smoothing:antialiased}
.main{max-width:1700px!important;padding-top:103px!important}
.df-topbar.th{background:rgba(246,249,252,.78)!important;backdrop-filter:blur(26px) saturate(170%);-webkit-backdrop-filter:blur(26px) saturate(170%);border-bottom:1px solid rgba(255,255,255,.8)!important;box-shadow:0 4px 30px rgba(34,56,76,.06)!important}
.df-menu-button,.df-top-icon,.df-search-trigger,.df-user{background:rgba(255,255,255,.75)!important;border:1px solid rgba(212,223,234,.9)!important;box-shadow:0 2px 8px rgba(32,54,75,.035);transition:transform .2s,background .2s,box-shadow .2s}
.df-menu-button:hover,.df-top-icon:hover,.df-search-trigger:hover{background:#fff!important;transform:translateY(-1px);box-shadow:0 5px 16px rgba(31,58,84,.09)}
.df-nav.df-nav{background:rgba(250,252,254,.97)!important;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);box-shadow:14px 0 65px rgba(23,42,66,.17)!important}
.df-nav-brand{background:linear-gradient(130deg,#f2fafa,#f7f9fd)}
.df-monogram{background:linear-gradient(145deg,#42b7ac,#217e9e)!important;box-shadow:0 6px 15px rgba(44,153,150,.23)}
.nav.df-nav .nav-item{border-radius:12px!important;transition:background .16s,transform .16s}
.nav.df-nav .nav-item:hover{background:#eaf2f8!important;transform:translateX(2px)}
.nav.df-nav .nav-item.active{background:linear-gradient(100deg,#d8f0eb,#e7f0fb)!important;color:#176e79!important}
.df-title{font-size:clamp(25px,2.4vw,35px)!important;letter-spacing:-.055em!important;color:#1b293a!important}
.df-subtitle{font-size:13px!important;color:#788598!important}
.df-panel,.panel,.fc-panel,.tch-card,.cls-card{background:rgba(255,255,255,.91)!important;border:1px solid rgba(255,255,255,.95)!important;border-radius:22px!important;box-shadow:0 6px 24px rgba(35,56,82,.055),0 1px 3px rgba(35,56,82,.04)!important;transition:box-shadow .2s,transform .2s}
.df-panel:hover,.tch-card:hover,.cls-card:hover{box-shadow:0 10px 34px rgba(35,56,82,.085),0 1px 4px rgba(35,56,82,.04)!important}
.df-panel{padding:23px!important}
.df-stat{border-radius:22px!important;min-height:144px;padding:23px!important;box-shadow:0 7px 25px rgba(30,50,80,.055)!important;position:relative;overflow:hidden;transition:transform .2s,box-shadow .2s}
.df-stat:before{content:'';position:absolute;right:-35px;top:-45px;width:155px;height:155px;border-radius:50%;background:rgba(255,255,255,.28);pointer-events:none}
.df-stat:hover{transform:translateY(-3px);box-shadow:0 14px 34px rgba(30,50,80,.11)!important}
.df-stat.green{background:linear-gradient(135deg,#d9f7e7,#bcecd5)!important;border-color:#b8e9d0!important;color:#146a47!important}
.df-stat.red{background:linear-gradient(135deg,#ffe9e9,#ffd5da)!important;border-color:#ffd1d8!important;color:#a23c53!important}
.df-stat.blue{background:linear-gradient(135deg,#e1efff,#c9e1ff)!important;border-color:#c5dcff!important;color:#255c9e!important}
.df-stat.amber{background:linear-gradient(135deg,#fff3db,#ffe4b9)!important;border-color:#ffe2af!important;color:#90601b!important}
.df-stat.teal{background:linear-gradient(135deg,#ddf7f3,#b9eae5)!important;border-color:#b8e5e1!important;color:#186d70!important}
.df-stat label{font-size:12px!important;position:relative}.df-stat strong{font-size:clamp(23px,2.4vw,33px)!important;position:relative}
.df-button,.btn-primary{background:linear-gradient(130deg,#43b3aa,#258c9d)!important;border:1px solid #3baba9!important;border-radius:12px!important;box-shadow:0 5px 13px rgba(41,147,151,.17)!important;transition:transform .16s,box-shadow .16s}
.df-button:hover,.btn-primary:hover{transform:translateY(-1px);box-shadow:0 8px 19px rgba(41,147,151,.24)!important}
.df-button.secondary,.df-button.danger{background:#fff!important;box-shadow:none!important}
.df-input,.df-select,input:not([type=checkbox]):not([type=radio]),select,textarea{border-radius:12px!important}
.df-table th{background:#f1f5f9!important;color:#6b7b8e!important}.df-table tr:hover td{background:#f5f9fc!important}
.df-chip.paid{background:#dff7e8!important}.df-chip.pending{background:#ffe8ea!important}
.df-drawer,.df-modal,.df-search-box{background:rgba(253,254,255,.98)!important;backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.9);box-shadow:0 25px 75px rgba(24,42,64,.19)!important;border-radius:23px!important}
.df-drawer{border-radius:23px 0 0 23px!important}
.df-dashboard-actions button{border-radius:13px!important;background:rgba(255,255,255,.86)!important;box-shadow:0 4px 12px rgba(40,60,80,.05)!important}
.df-dashboard-actions button:hover{background:#e7f4f6!important}
/* Login is a separate, distraction-free screen. Never display app chrome behind it. */
body.df-login-mode .df-topbar,body.df-login-mode .df-scrim,body.df-login-mode #bottomNav,body.df-login-mode #shellWrap{display:none!important}
#authGate[style*="display: flex"] ~ .df-topbar,#authGate[style*="display:flex"] ~ .df-topbar{display:none!important}
#authGate{z-index:5000!important;background:radial-gradient(circle at 16% 18%,rgba(75,172,185,.28),transparent 34%),radial-gradient(circle at 86% 80%,rgba(100,127,219,.24),transparent 34%),linear-gradient(135deg,#0c2434,#122f41 52%,#102d32)!important;isolation:isolate}
#authGate:before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 65% 18%,rgba(255,255,255,.07),transparent 29%)}
#authGate .auth-card{position:relative!important;width:min(430px,100%)!important;max-width:430px!important;padding:clamp(27px,4vw,45px)!important;border-radius:30px!important;background:rgba(255,255,255,.94)!important;backdrop-filter:blur(28px) saturate(145%);-webkit-backdrop-filter:blur(28px) saturate(145%);box-shadow:0 30px 95px rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,.8)!important;border:1px solid rgba(255,255,255,.75)!important}
#authGate .auth-brand h1{font-family:Manrope,Inter,sans-serif!important;font-size:27px!important;letter-spacing:-.06em!important;font-weight:800!important;color:#203244!important}
#authGate .auth-brand p{color:#8290a0!important;font-size:13px!important}
#authGate .auth-icon{background:linear-gradient(145deg,#42b5aa,#2d88a6)!important;border-radius:21px!important;box-shadow:0 9px 24px rgba(42,151,160,.26)!important;color:white!important}
#authGate .auth-label{color:#66768a!important;letter-spacing:.02em!important;text-transform:none!important;font-size:12px!important}
#authGate .auth-input{background:#f4f7fb!important;border:1px solid #dce5ee!important;color:#203244!important;padding:14px 15px!important;border-radius:13px!important;box-shadow:none!important}
#authGate .auth-input:focus{background:#fff!important;border-color:#45aaa9!important;box-shadow:0 0 0 4px rgba(69,170,169,.12)!important}
#authGate .auth-btn{background:linear-gradient(115deg,#42b7aa,#288c9e)!important;border:0!important;border-radius:13px!important;box-shadow:0 8px 22px rgba(40,140,158,.24)!important;color:white!important;font-family:Inter,sans-serif!important;font-weight:700!important}
#authGate .auth-btn:hover{background:linear-gradient(115deg,#37a99e,#247f91)!important;box-shadow:0 11px 26px rgba(40,140,158,.3)!important}
@media(max-width:560px){.main{padding-top:83px!important}.df-panel{padding:15px!important}.df-stat{padding:17px!important;min-height:128px}.df-stat strong{font-size:22px!important}#authGate .auth-card{border-radius:24px!important}}
@media(prefers-reduced-motion:reduce){.df-stat,.df-button,.btn-primary,.nav.df-nav .nav-item{transition:none!important}}

/* v4: compact page alignment and native Apple system typography */
html,body,button,input,select,textarea{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro Display","Helvetica Neue",Arial,sans-serif!important}
h1,h2,h3,h4,.df-title,.df-stat strong,.df-top-title strong{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Helvetica Neue",Arial,sans-serif!important}
.main{margin-top:0!important;padding-top:78px!important}
.main>.page{padding-top:10px!important}
#page-fee-management{padding-top:9px!important}
#page-fee-management .df-title{margin-top:0!important}
#page-fee-management .df-subtitle{margin-bottom:16px!important}
#page-fee-management .df-stat{min-height:120px!important;padding:17px 21px!important}
#page-fee-management .df-stat strong{margin-top:7px!important}
.df-quick-paid{border:1px solid #98dfb6;background:linear-gradient(145deg,#d9f8e5,#b7ebd0);color:#176840;border-radius:11px;padding:10px 14px;font-size:12px;font-weight:750;white-space:nowrap;cursor:pointer;box-shadow:0 2px 6px rgba(27,110,68,.06)}
.df-quick-paid:hover{background:#a9e8c5}
.df-quick-paid:disabled{opacity:.65;cursor:wait}
.df-paid-done{display:inline-flex;gap:6px;align-items:center;color:#177249;font-size:12px;font-weight:750}
@media(max-width:560px){.main{padding-top:70px!important}.main>.page{padding-top:7px!important}}
/* v5: unified fee table action sizing */
#dfFeeRoot .df-quick-paid,
#dfFeeRoot .df-linkbtn,
#dfFeeRoot .df-paid-done {
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  min-height:36px!important;
  height:36px!important;
  min-width:98px!important;
  padding:0 12px!important;
  border-radius:10px!important;
  box-sizing:border-box!important;
  font-family:-apple-system,BlinkMacSystemFont,'SF Pro Text',sans-serif!important;
  font-size:12px!important;
  font-weight:650!important;
  line-height:1!important;
  white-space:nowrap!important;
}
#dfFeeRoot .df-paid-done{background:#e8f8ee;border:1px solid #b8e9cd}
#dfFeeRoot .df-row-actions{align-items:center}