#groupFormCard.gf-workspace{--gf-blue:#1168e8;--gf-ink:#172d52;--gf-muted:#60748f;--gf-line:#d8e4f3;padding:24px;background:#f5f9ff;border:1px solid var(--gf-line);border-radius:18px;box-shadow:0 12px 36px #1637670c;color:var(--gf-ink);width:100%;min-width:0;box-sizing:border-box}
#groupFormCard.gf-workspace.hidden{display:none}
#groupFormCard *{box-sizing:border-box}
#groupFormCard svg{width:20px;height:20px;flex:0 0 20px}
#groupFormCard>.panel-head{display:flex;align-items:center;justify-content:flex-start;gap:14px;margin:0 0 22px;padding:0;border:0}
#groupFormCard>.panel-head>div{flex:1;min-width:0}
#groupFormCard>.panel-head .eyebrow{font-size:11px;letter-spacing:.09em;color:var(--gf-muted);margin:0 0 5px}
#groupFormCard #groupFormTitle{font-size:25px;line-height:1.25;color:var(--gf-ink);margin:0;font-weight:800}
#groupFormCard .gf-subtitle{font-size:14px;line-height:1.5;color:var(--gf-muted);margin:6px 0 0}
#groupFormCard .gf-title-icon{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:#deecff;color:var(--gf-blue);flex:0 0 54px}
#groupFormCard .gf-title-icon svg{width:28px;height:28px}
#groupFormCard #closeGroupForm{align-self:flex-start;flex:0 0 36px;width:36px;height:36px;border:1px solid var(--gf-line);border-radius:10px;background:white;color:var(--gf-muted);font-size:22px}
#groupFormCard .gf-section{background:#fff;border:1px solid var(--gf-line);border-radius:14px;overflow:visible;min-width:0;margin:0;padding:18px;box-shadow:0 5px 18px #16376706}
#groupFormCard .gf-section-head,#groupFormCard .report-builder-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:-18px -18px 18px;padding:12px 18px;border:0;border-bottom:1px solid #e4edf8;border-radius:14px 14px 0 0;background:linear-gradient(100deg,#eaf4ff,#f4faff);flex-direction:row}
#groupFormCard .gf-section-head{justify-content:flex-start}
#groupFormCard .gf-section-head h3{font-size:16px;line-height:1.4;margin:0;color:var(--gf-ink)}
#groupFormCard .report-builder-head>div{display:flex;align-items:center;gap:12px;min-width:0}
#groupFormCard .report-builder-head strong{font-size:16px;line-height:1.4;color:var(--gf-ink)}
#groupFormCard .report-builder-head p{font-size:12px;line-height:1.5;color:var(--gf-muted);margin:4px 0 0;max-width:440px}
#groupFormCard .gf-section-icon{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:10px;background:#dceaff;color:#1168e8;box-shadow:inset 0 0 0 1px #bed8ff}
#groupFormCard .gf-icon-bell{background:#ebe4ff;color:#7948db;box-shadow:inset 0 0 0 1px #daccfa}
#groupFormCard .gf-balance-fields{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:15px}
#groupFormCard .gf-field-groupSelect{grid-column:span 3}
#groupFormCard .gf-field-originalAmount,#groupFormCard .gf-field-amount{grid-column:span 2}
#groupFormCard .gf-field-currency{grid-column:span 1}
#groupFormCard .gf-field-dueDate,#groupFormCard .gf-field-groupMessageLanguage{grid-column:span 2}
#groupFormCard .gf-field-message{grid-column:span 4}
#groupFormCard label:not(.setting-toggle):not(.weekday-picker label){display:flex;flex-direction:column;gap:7px;min-width:0;margin:0;font-size:13px;font-weight:650;color:var(--gf-ink)}
#groupFormCard label>span{font-size:13px;line-height:1.4;color:var(--gf-ink);text-transform:none;letter-spacing:0}
#groupFormCard small{font-size:12px;line-height:1.5;color:var(--gf-muted);font-weight:400}
#groupFormCard input:not([type=checkbox]),#groupFormCard select,#groupFormCard textarea{width:100%;min-width:0;max-width:100%;min-height:42px;margin:0;padding:10px 12px;border:1px solid #cddced;border-radius:9px;background:#fff;color:var(--gf-ink);font:400 14px/1.5 inherit;box-shadow:0 1px 2px #17386704}
#groupFormCard input,#groupFormCard select,#groupFormCard textarea{font-family:inherit;font-size:14px;line-height:1.5;font-weight:400}
#groupFormCard textarea{resize:vertical;min-height:70px}
#groupFormCard input::placeholder,#groupFormCard textarea::placeholder{color:#7a8da7;opacity:1}
#groupFormCard input:focus-visible,#groupFormCard select:focus-visible,#groupFormCard textarea:focus-visible,#groupFormCard button:focus-visible,#groupFormCard a:focus-visible{outline:2px solid #377df0;outline-offset:2px}
#groupFormCard #originalAmount,#groupFormCard #amount{background:#f0f7ff;border-color:#a7cbfb;font-weight:650}
#groupFormCard .gf-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:20px;align-items:start}
#groupFormCard .form-grid{gap:14px;margin:0}
#groupFormCard .gf-report-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
#groupFormCard .gf-upload,#groupFormCard #currentPdf{grid-column:1/-1}
#groupFormCard input[type=file]{background:#f7faff;padding:7px;overflow:hidden;font-size:12px}
#groupFormCard input[type=file]::file-selector-button{padding:7px 11px;margin-right:10px;border:1px solid #c5d9f2;border-radius:7px;color:#175fbb;background:#eaf3ff;cursor:pointer;font-weight:600}
#groupFormCard .wide-field,#groupFormCard .weekday-field{margin-top:16px!important}
#groupFormCard .weekday-field>span{display:block;font-size:13px;line-height:1.4;font-weight:650;margin-bottom:8px;color:var(--gf-ink)}
#groupFormCard .weekday-picker{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;margin:0;width:100%;min-width:0}
#groupFormCard .weekday-picker label{position:relative;display:block;min-width:0}
#groupFormCard .weekday-picker b{width:100%;min-width:0;height:36px;padding:0 3px;border:1px solid #d3e0ef;border-radius:8px;background:#f4f7fb;color:#4e6583;font-size:12px;line-height:1.2;box-shadow:none}
#groupFormCard .weekday-picker input:checked+b{background:linear-gradient(#2e85f2,#1764d5);border-color:#2471d9;color:#fff;box-shadow:0 2px 4px #1764d51c}
#groupFormCard .weekday-picker input:focus-visible+b{outline:2px solid #377df0;outline-offset:2px}
#groupFormCard .setting-toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;margin:0;min-width:0}
#groupFormCard .setting-toggle>div{min-width:0;flex:1}
#groupFormCard .setting-toggle strong{font-size:13px;color:var(--gf-ink);line-height:1.45}
#groupFormCard .setting-toggle small{display:block;margin-top:3px;font-size:12px}
#groupFormCard .setting-toggle.compact{width:auto;padding:0;flex:0 0 auto}
#groupFormCard .setting-toggle.compact>div{flex:initial}
#groupFormCard .setting-toggle i{width:40px;height:23px;flex:0 0 40px;background:#c5d2e1}
#groupFormCard .setting-toggle i:before{width:17px;height:17px;top:3px;left:3px}
#groupFormCard .setting-toggle input:checked+i{background:#1475ed}
#groupFormCard .setting-toggle input:checked+i:before{transform:translateX(17px)}
#groupFormCard .gf-global-toggle{background:#f5f9ff;border:1px solid #dce7f6;border-radius:10px;padding:12px;margin-bottom:16px}
#groupFormCard .gf-reminder-time{display:grid;grid-template-columns:minmax(110px,1fr) minmax(0,3fr);gap:14px;align-items:end}
#groupFormCard .gf-reminder-time .weekday-field{margin-top:0!important}
#groupFormCard .gf-date-fields{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:16px}
#groupFormCard .gf-overdue-fields{display:grid;grid-template-columns:minmax(0,2fr) repeat(2,minmax(0,1fr));gap:12px;margin-top:16px}
#groupFormCard .gf-date-fields,#groupFormCard .gf-overdue-fields{align-items:end}
#groupFormCard .gf-message{position:relative;padding-left:44px}
#groupFormCard .gf-message>.gf-message-icon{position:absolute;left:0;top:24px;display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#ddf5e9;color:#05864b}
#groupFormCard .gf-message-firm>.gf-message-icon{background:#fff1d8;color:#cf860b}
#groupFormCard .gf-message-final>.gf-message-icon{background:#ffe6e8;color:#d63e4d}
#groupFormCard .gf-message textarea{min-height:64px}
#groupFormCard .skip-date-field{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end;margin-top:16px}
#groupFormCard .skip-date-chips{grid-column:1/-1;font-size:12px}
#groupFormCard .skip-date-chips small{font-size:12px}
#groupFormCard .skip-date-chips button{font-size:12px}
#groupFormCard .auto-dari-toggle{border:1px solid #e2ecf7;background:#f6faff;border-radius:10px;padding:12px;margin-top:16px}
#groupFormCard #currentPdf{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:12px;min-width:0;padding:14px;border:1px solid #dce7f4;border-radius:11px;background:#f8fbff;margin:0}
#groupFormCard #currentPdf.hidden{display:none}
#groupFormCard #currentPdf>div:first-child{display:flex;align-items:center;gap:12px;min-width:0;flex:0 0 auto}
#groupFormCard #currentPdf>div:first-child>span{display:grid;place-items:center;width:38px;height:44px;flex:0 0 38px;background:#ffe6e8;color:#dc3445;border-radius:9px}
#groupFormCard #currentPdf>div:first-child>span svg{width:26px;height:30px}
#groupFormCard #currentPdf p{min-width:0;flex:1;margin:0}
#groupFormCard #currentPdf strong{font-size:13px;line-height:1.45;color:var(--gf-ink);overflow-wrap:anywhere}
#groupFormCard #currentPdf small{font-size:11px;color:var(--gf-muted)}
#groupFormCard #currentPdf .pdf-due-badge{display:inline-block;margin-top:5px;padding:5px 8px;border-radius:7px;font-size:11px}
#groupFormCard #currentPdf .pdf-due-badge.matched{color:#117546;background:#def5e8}
#groupFormCard #currentPdf .pdf-due-badge.mismatch,#groupFormCard #currentPdf .pdf-due-badge.currency-mismatch{color:#ac2438;background:#ffe5e9}
#groupFormCard #currentPdf>div:last-child{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%;min-width:0;flex:0 0 auto}
#groupFormCard #currentPdf>div:last-child>.pdf-open-actions{display:contents;width:auto;height:auto;max-width:none;color:inherit;background:none;border-radius:0}
#groupFormCard #currentPdf a,#groupFormCard #currentPdf button{display:flex;align-items:center;justify-content:center;gap:7px;min-width:0;min-height:38px;padding:9px 8px;border:1px solid #c6defc;border-radius:8px;background:#e8f3ff;color:#1165d6;font-size:12px;font-weight:650;line-height:1.25;text-decoration:none;white-space:nowrap}
#groupFormCard #currentPdf button[data-ajmer-click]{background:#ffecee;color:#c53746;border-color:#facad0}
#groupFormCard #currentPdf a:hover{background:#d9ebff}
#groupFormCard #currentPdf button[data-ajmer-click]:hover{background:#ffdee3}
#groupFormCard #currentPdf svg{width:17px;height:17px;flex-basis:17px}
#groupFormCard .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:10px 15px;border-radius:9px;font-size:13px;line-height:1.3;white-space:normal}
#groupFormCard>.form-actions{display:flex;gap:10px;align-items:center;margin:22px -24px -24px;padding:16px 24px;background:#fff;border-top:1px solid var(--gf-line);border-radius:0 0 18px 18px}
#groupFormCard #refreshGroupsBtn{margin-right:auto;border-color:#bcd6fa;color:#1168df;background:#fff}
#groupFormCard #saveGroupBtn{background:#116bea;color:#fff;border-color:#116bea;box-shadow:0 4px 10px #116bea20}
#groupFormCard .gf-cancel{background:#f6f8fb;color:#425875;border-color:#d5e0ee}
#gfAddDialog{padding:0;border:0;border-radius:18px;width:min(1500px,calc(100vw - 40px));max-width:none;max-height:90dvh;overflow:auto;background:#f5f9ff;box-shadow:0 24px 80px #112b5266;overscroll-behavior:contain}
#gfAddDialog::backdrop{background:#10244280;backdrop-filter:blur(4px)}
#gfAddDialog #groupFormCard{margin:0;border:0;box-shadow:none}
#gfAddDialog #groupFormCard>.form-actions{position:sticky;bottom:0;z-index:2;box-shadow:0 -4px 16px #19345108}
@media(max-width:640px){#gfAddDialog{width:calc(100vw - 16px);max-height:94dvh;border-radius:14px}}
@media(prefers-reduced-motion:no-preference){#gfAddDialog[open]{animation:gf-modal-enter .2s ease-out}@keyframes gf-modal-enter{from{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:none}}}
@media(min-width:1600px){#groupFormCard .gf-columns{gap:24px}#groupFormCard .gf-section{padding:22px}#groupFormCard .gf-section-head,#groupFormCard .report-builder-head{margin:-22px -22px 20px;padding:14px 22px}}
@media(max-width:1250px){#groupFormCard .gf-date-fields{grid-template-columns:repeat(2,minmax(0,1fr))}#groupFormCard .gf-overdue-fields{grid-template-columns:repeat(2,minmax(0,1fr))}#groupFormCard .gf-overdue-fields>label:first-child{grid-column:1/-1}#groupFormCard .gf-reminder-time{grid-template-columns:1fr}#groupFormCard .report-builder-head p{display:none}}
@media(max-width:1000px){#groupFormCard .gf-columns{grid-template-columns:1fr}#groupFormCard .gf-date-fields{grid-template-columns:repeat(4,minmax(0,1fr))}#groupFormCard .gf-reminder-time{grid-template-columns:1fr 3fr}#groupFormCard .gf-overdue-fields{grid-template-columns:2fr 1fr 1fr}#groupFormCard .gf-overdue-fields>label:first-child{grid-column:auto}}
@media(max-width:640px){#groupFormCard.gf-workspace{padding:16px;border-radius:14px}#groupFormCard>.panel-head{gap:10px;margin-bottom:18px}#groupFormCard #groupFormTitle{font-size:21px}#groupFormCard .gf-title-icon{width:42px;height:42px;flex-basis:42px}#groupFormCard .gf-title-icon svg{width:23px;height:23px}#groupFormCard .gf-subtitle{font-size:12px}#groupFormCard .gf-balance-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}#groupFormCard .gf-balance-fields>label{grid-column:span 1}#groupFormCard .gf-field-groupSelect,#groupFormCard .gf-field-message{grid-column:1/-1!important}#groupFormCard .gf-section{padding:14px}#groupFormCard .gf-section-head,#groupFormCard .report-builder-head{margin:-14px -14px 16px;padding:12px 14px;flex-wrap:wrap;gap:10px}#groupFormCard .report-builder-head>div{flex:1 1 150px}#groupFormCard .report-builder-head strong{font-size:15px}#groupFormCard .setting-toggle.compact{width:auto}#groupFormCard .gf-columns{gap:16px;margin-top:16px}#groupFormCard .gf-reminder-time{grid-template-columns:1fr}#groupFormCard .gf-date-fields{grid-template-columns:repeat(2,minmax(0,1fr))}#groupFormCard .gf-overdue-fields{grid-template-columns:repeat(2,minmax(0,1fr))}#groupFormCard .gf-overdue-fields>label:first-child{grid-column:1/-1}#groupFormCard input:not([type=checkbox]),#groupFormCard select,#groupFormCard textarea{font-size:16px}#groupFormCard #currentPdf{padding:12px}#groupFormCard #currentPdf>div:last-child{gap:6px}#groupFormCard #currentPdf a,#groupFormCard #currentPdf button{gap:5px;padding:10px 5px;font-size:11px}#groupFormCard #currentPdf a svg,#groupFormCard #currentPdf button svg{width:14px;height:14px;flex-basis:14px}#groupFormCard>.form-actions{flex-wrap:wrap;margin:18px -16px -16px;padding:14px 16px;border-radius:0 0 14px 14px}#groupFormCard #refreshGroupsBtn{width:100%;margin-right:0}#groupFormCard .gf-cancel,#groupFormCard #saveGroupBtn{flex:1}}
@media(max-width:380px){#groupFormCard .gf-report-fields{grid-template-columns:1fr}#groupFormCard #currentPdf>div:last-child{grid-template-columns:1fr}#groupFormCard #currentPdf a,#groupFormCard #currentPdf button{font-size:13px}#groupFormCard .weekday-picker{gap:4px}#groupFormCard .weekday-picker b{font-size:11px}#groupFormCard .skip-date-field{grid-template-columns:1fr}#groupFormCard .skip-date-field>.btn{width:100%}}
