:root{--green-950:#123f0c;--green-900:#164d0e;--green-800:#1d6415;--green-700:#237b19;--green-100:#eaf5e8;--bg:#f3f5f7;--card:#fff;--text:#242a2e;--muted:#6e777e;--line:#e2e7ea;--danger:#d92650;--warning:#d8a512;--cyan:#21aabd;--orange:#db6d18;--purple:#6a33b8;--shadow:0 8px 24px rgba(26,39,49,.06);--radius:12px;--sidebar:292px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--text);background:var(--bg)}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--bg);font-size:14px}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}img{max-width:100%}.app-shell{display:flex;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);background:linear-gradient(180deg,#174b0f,#123e0d);color:#fff;overflow-y:auto;z-index:50;box-shadow:10px 0 30px #082a0514}.brand{min-height:154px;padding:26px 20px 22px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;border-bottom:1px solid rgba(255,255,255,.11);text-align:center}.brand-logo{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--green-900);font-weight:900;border:5px solid #d8ead5;box-shadow:0 0 0 3px #2eb4ab66}.brand-logo.big{width:76px;height:76px;font-size:22px}.brand strong{font-size:14px;letter-spacing:.7px}.brand span{display:block;font-size:11px;margin-top:4px;color:#b9d6b4}.nav-group{padding:15px 0 4px}.nav-heading{padding:0 22px 9px;color:#80a579;font-size:11px;letter-spacing:1.1px;font-weight:800}.nav-item{display:flex;align-items:center;gap:13px;padding:12px 22px;border-left:4px solid transparent;color:#d8e9d5;transition:.18s}.nav-item:hover{background:#ffffff0f;color:#fff}.nav-item.active{background:#ffffff1a;border-left-color:#2cb7c5;color:#fff}.nav-item span{font-weight:600}.main-shell{margin-left:var(--sidebar);width:calc(100% - var(--sidebar));min-height:100vh}.topbar{height:76px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 30px;position:sticky;top:0;z-index:30;box-shadow:0 4px 15px #262f370a}.top-left{display:flex;align-items:center;gap:10px;color:#376f2b;font-size:16px}.top-actions{display:flex;align-items:center;gap:12px;position:relative}.profile-trigger{border:0;background:transparent;display:flex;align-items:center;gap:10px;color:var(--text);font-size:13px}.avatar{width:42px;height:42px;border-radius:50%;background:var(--green-800);color:#fff;display:grid;place-items:center;font-weight:800}.avatar.small{width:36px;height:36px}.profile-menu{position:absolute;right:0;top:56px;width:260px;background:#fff;border:1px solid var(--line);box-shadow:0 18px 45px #141e2429;border-radius:12px;overflow:hidden;z-index:90}.profile-summary{padding:16px;border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:3px}.profile-summary span,.profile-summary em{font-size:12px;color:var(--muted)}.profile-menu button{width:100%;padding:12px 16px;display:flex;align-items:center;gap:10px;background:#fff;border:0;text-align:left}.profile-menu button:hover{background:#f5f8f4}.profile-menu .logout-link{color:var(--danger)}.content{padding:30px 30px 54px;max-width:1900px;margin:0 auto}.page-title-row{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px}.page-title-wrap{display:flex;align-items:center;gap:12px}.page-title-wrap svg{color:#4d802f}.page-title-row h1{font-size:30px;margin:0;line-height:1.2}.page-subtitle{margin:6px 0 0;color:var(--muted);font-size:14px}.page-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.card{background:var(--card);border:1px solid #dde3e6;border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:22px;overflow:hidden}.card-header{min-height:62px;display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid var(--line)}.card-header h3{margin:0;font-size:16px}.card>p.muted{padding:0 20px}.filter-card{padding:17px 18px}.table-card{overflow:visible}.filter-row{display:grid;grid-template-columns:minmax(250px,1fr) 300px auto auto;gap:10px;align-items:center}.filter-row.wrap{grid-template-columns:minmax(260px,1.5fr) repeat(2,minmax(170px,.7fr)) auto auto}.search-box{display:flex;align-items:center;border:1px solid #d9dfe3;border-radius:7px;background:#fff;padding:0 12px;min-width:0}.search-box svg{color:#77828a;flex:0 0 auto}.search-box input{width:100%;height:44px;border:0;outline:0;padding:0 10px;background:transparent}.filter-row select,.filter-row>input,.inline-filter select{height:44px;border:1px solid #d9dfe3;border-radius:7px;background:#fff;padding:0 12px;outline:0}.btn{border:0;border-radius:7px;min-height:40px;padding:0 16px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:.18s}.btn.primary{background:var(--green-800);color:#fff}.btn.primary:hover{background:var(--green-700)}.btn.secondary{background:#fff;color:#4f5960;border:1px solid #d5dce0}.btn.dark{background:#252a2e;color:#fff}.btn.danger{background:var(--danger);color:#fff}.btn.full{width:100%;min-height:46px}.btn.tiny{min-height:34px;padding:0 11px;font-size:12px}.icon-btn{border:1px solid #dce2e5;background:#fff;border-radius:7px;width:38px;height:38px;display:grid;place-items:center;color:#536069}.icon-btn:disabled{opacity:.4;cursor:not-allowed}.menu-btn{display:none}.table-wrap{width:100%;overflow-x:auto}.table-wrap table{width:100%;border-collapse:collapse;min-width:780px}.table-wrap th{font-size:12px;text-transform:uppercase;letter-spacing:.25px;color:#49535b;text-align:left;padding:14px 16px;background:#f8faf9;border-bottom:1px solid #dfe5e8;white-space:nowrap}.table-wrap td{padding:13px 16px;border-bottom:1px solid #e4e8eb;vertical-align:middle}.table-wrap tr:hover td{background:#fbfcfb}.table-wrap tr:last-child td{border-bottom:0}.table-subtext{display:block;color:var(--muted);font-size:11px;margin-top:3px;font-weight:500}.donor-cell{display:flex;align-items:center;gap:10px}.donor-cell span:last-child{display:flex;flex-direction:column;min-width:0}.row-actions{display:flex;gap:5px;align-items:center;white-space:nowrap}.action-btn{width:34px;height:34px;border-radius:5px;border:1px solid #dde3e6;background:#fff;display:inline-grid;place-items:center}.action-btn.view{color:#1db8c8}.action-btn.edit{color:#176ed0}.action-btn.delete{color:#d71849}.action-btn.receipt{color:#198a50}.action-btn.certificate{color:#7a42bd}.action-btn.neutral{color:#6a7379}.link-button{border:0;background:none;color:#2473bf;display:inline-flex;align-items:center;gap:5px;padding:0}.green-text{color:#15934f}.soft-tag{display:inline-block;padding:4px 9px;border-radius:6px;background:#f1f4f3;border:1px solid #dfe5e2;font-size:11px;font-weight:700}.status-badge{padding:5px 11px;border-radius:18px;font-size:11px;font-weight:800;display:inline-block}.status-badge.success{background:#dff2e8;color:#107443}.status-badge.warning{background:#fff6c8;color:#916b00}.status-badge.danger{background:#f8dce4;color:#a72542}.status-badge.neutral{background:#edf1f3;color:#5b646a}.pagination{padding:15px 18px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:12px}.pagination>div{display:flex;gap:7px}.skeleton{height:18px;border-radius:5px;background:linear-gradient(90deg,#eef1f2 25%,#f7f8f8,#eef1f2 75%);background-size:200% 100%;animation:shimmer 1.4s infinite}.skeleton.wide{width:100%}@keyframes shimmer{to{background-position:-200% 0}}.loading-block,.empty-state,.error-state{min-height:180px;display:flex;align-items:center;justify-content:center;gap:10px;color:var(--muted)}.empty-state{flex-direction:column}.empty-state strong{color:var(--text);font-size:15px}.error-state{padding:20px}.error-state p{margin:3px 0}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0d161a99;z-index:100;display:flex;align-items:center;justify-content:center;padding:24px}.modal{width:min(660px,100%);max-height:92vh;overflow:auto;background:#fff;border-radius:14px;box-shadow:0 30px 80px #00000040}.modal-wide{width:min(1120px,100%)}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;padding:20px 22px;border-bottom:1px solid var(--line);position:sticky;top:0;background:#fff;z-index:3}.modal-header h2{margin:0;font-size:20px}.modal-header p{margin:4px 0 0;color:var(--muted);font-size:12px}.modal-body{padding:22px}.modal-footer{padding:15px 22px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:10px;position:sticky;bottom:0;background:#fff}.dynamic-form .form-grid,.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.form-field,.setting-field,.stack-form label,.block-label{display:flex;flex-direction:column;gap:7px}.form-field.span-2,.detail-grid .span-2{grid-column:span 2}.form-field label,.setting-field>span,.stack-form label,.block-label{font-size:12px;font-weight:750;color:#424c52}.form-field label b{color:#d5264d}.form-field small{color:var(--muted);font-size:11px;margin-top:-3px}.field-error{color:var(--danger);font-size:11px;margin-top:-3px;font-weight:600}.form-field input.has-error,.form-field select.has-error,.form-field textarea.has-error{border-color:var(--danger)}.form-field input,.form-field textarea,.form-field select,.setting-field input,.setting-field textarea,.setting-field select,.stack-form input,.stack-form textarea,.stack-form select,.block-label textarea,.block-label select{width:100%;border:1px solid #d5dce0;border-radius:7px;background:#fff;padding:10px 11px;outline:0;min-height:42px}.form-field textarea,.setting-field textarea,.stack-form textarea{resize:vertical}.form-field input:focus,.form-field textarea:focus,.form-field select:focus,.setting-field input:focus,.setting-field textarea:focus,.setting-field select:focus{border-color:#73a66b;box-shadow:0 0 0 3px #edf7eb}.code-input{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;background:#fbfcfd!important}.form-submit-row{margin-top:22px;display:flex;align-items:center;justify-content:flex-end;gap:12px}.form-total{margin-right:auto;color:var(--muted)}.password-input{display:flex;position:relative}.password-input input{padding-right:45px!important}.password-input button{position:absolute;right:4px;top:4px;width:34px;height:34px;border:0;background:transparent;color:#667178}.switch-row{display:flex!important;flex-direction:row!important;align-items:center;gap:9px!important;min-height:42px}.switch-row>input{position:absolute;opacity:0;pointer-events:none}.switch{width:42px;height:23px;border-radius:20px;background:#c8d0d4;position:relative;transition:.2s;display:inline-block}.switch:after{content:"";width:17px;height:17px;border-radius:50%;background:#fff;position:absolute;top:3px;left:3px;box-shadow:0 2px 6px #0003;transition:.2s}.switch-row input:checked+.switch{background:var(--green-700)}.switch-row input:checked+.switch:after{transform:translate(19px)}.switch-row em{font-style:normal;color:var(--muted);font-size:12px}.upload-drop{min-height:86px;border:1.5px dashed #aebbc0!important;border-radius:9px;display:flex!important;flex-direction:column!important;align-items:center;justify-content:center;gap:6px!important;color:#647078;background:#fafcfa;cursor:pointer}.upload-drop input{display:none}.image-preview{max-height:170px;border-radius:8px;margin-top:10px;border:1px solid var(--line)}.stack-form{display:flex;flex-direction:column;gap:16px}.info-note{display:flex;gap:10px;padding:13px 14px;background:#f5f9ee;border:1px solid #d9e8cf;border-radius:8px;color:#506248;font-size:12px;align-items:flex-start;margin-top:15px}.stats-grid{display:grid;grid-template-columns:repeat(6,minmax(150px,1fr));gap:18px;margin-bottom:22px}.stat-card{border:1px solid #e0e5e7;background:#fff;border-radius:12px;box-shadow:var(--shadow);padding:19px;display:flex;align-items:center;gap:15px;text-align:left}.stat-icon{width:58px;height:58px;border-radius:12px;color:#fff;display:grid;place-items:center}.stat-icon.green{background:var(--green-700)}.stat-icon.cyan{background:var(--cyan)}.stat-icon.orange{background:var(--orange)}.stat-icon.purple{background:var(--purple)}.stat-card strong{font-size:25px;display:block}.stat-card em{display:block;font-style:normal;color:var(--muted)}.stat-card small{color:#d49d05}.summary-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:22px}.summary-strip>div{background:#fff;border:1px solid var(--line);border-radius:10px;padding:14px 17px;display:flex;gap:11px;align-items:center}.summary-strip svg{color:var(--green-700)}.summary-strip span{display:flex;flex-direction:column}.summary-strip small{color:var(--muted)}.dashboard-grid{display:grid;grid-template-columns:2fr 1fr;gap:22px}.volunteer-list>div{padding:15px 20px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px}.volunteer-list>div span{display:flex;flex-direction:column}.volunteer-list small{color:var(--muted);margin-top:3px}.mini-stats,.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:22px}.mini-stats>div,.metric-card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:17px 18px;box-shadow:var(--shadow)}.mini-stats span,.metric-card span{display:block;color:var(--muted);font-size:12px}.mini-stats b,.metric-card b{font-size:23px;margin-top:4px;display:block}.metric-grid.three{grid-template-columns:repeat(3,1fr)}.inline-filter{display:flex;gap:8px;align-items:center}.progress-cell{width:130px;height:9px;background:#edf0ef;border-radius:10px;position:relative}.progress-cell span{position:absolute;inset:0 auto 0 0;background:#1c8b48;border-radius:10px}.progress-cell em{position:absolute;top:12px;right:0;font-size:10px;color:var(--muted);font-style:normal}.tabs{display:flex;border-bottom:1px solid var(--line);gap:4px;margin:-5px 0 20px}.tabs button{border:0;background:transparent;padding:12px 15px;border-bottom:3px solid transparent;font-weight:700;color:#6c767c}.tabs button.active{color:var(--green-800);border-bottom-color:var(--green-800)}.tabs button:disabled{opacity:.45}.section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:15px}.section-heading h3{margin:0}.section-heading p{margin:4px 0 0;color:var(--muted);font-size:12px}.kit-section{padding-top:2px}.color-dot{width:12px;height:12px;border-radius:50%;display:inline-block;margin-right:6px;vertical-align:-1px}.impact-tag{display:inline-flex;align-items:center;gap:4px;background:#fff0d8;color:#9b5b00;border-radius:13px;padding:4px 8px;font-size:10px;font-weight:800}.donation-kits{border:1px solid #dce6d7;border-radius:10px;padding:16px;margin-top:18px;background:#fbfdf9}.kit-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.kit-choice{border:1px solid #dfe5e1;border-radius:9px;padding:12px;display:flex;align-items:center;justify-content:space-between;gap:10px;background:#fff}.kit-choice.selected{border-color:#6ca165;background:#f4faef}.kit-choice>div:first-child{display:flex;flex-direction:column}.kit-choice span{color:var(--muted);font-size:11px}.kit-choice em{color:#c17108;font-size:10px;font-weight:800}.qty{display:flex;align-items:center;gap:8px}.qty button{width:30px;height:30px;border:1px solid #d7ded9;background:#fff;border-radius:5px;font-weight:900}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.detail-grid>div{border:1px solid var(--line);border-radius:8px;padding:12px;display:flex;flex-direction:column;gap:5px}.detail-grid span{font-size:11px;color:var(--muted)}.detail-items p{margin:5px 0}.chart-box{padding:18px 18px 5px;color:var(--green-700)}.certificate-editor{display:grid;grid-template-columns:1.1fr .9fr;gap:22px}.certificate-preview{border:8px double #204d2c;padding:28px;text-align:center;min-height:260px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fff}.certificate-preview.large{min-height:520px}.certificate-preview small{letter-spacing:2px;font-weight:800}.certificate-preview h3{font-size:26px;margin:18px 0}.certificate-preview strong{font-family:Georgia,serif;font-size:27px;margin:8px 0}.certificate-preview p{color:#606b70;line-height:1.6}.cert-rule{height:1px;background:currentColor;width:60%;margin:20px}.theme-navy-gold{color:#173a6a;border-color:#b88c2b;background:linear-gradient(135deg,#fff 70%,#f8f0db)}.theme-ruby-gold{color:#861f35;border-color:#b68b31;background:linear-gradient(135deg,#fff 70%,#f7e9e8)}.theme-emerald-platinum{color:#0b6d53;border-color:#a5adb0;background:linear-gradient(135deg,#fff 70%,#e9f6f1)}.theme-indian-flag{color:#176d38;border-color:#f28a26;background:linear-gradient(135deg,#fff8f0,#fff 48%,#eef8f0)}.theme-royal-purple{color:#60338b;border-color:#b69a58;background:linear-gradient(135deg,#fff 70%,#f2ebf8)}.theme-charcoal-gold{color:#34383b;border-color:#b68a2e;background:linear-gradient(135deg,#fff 70%,#f1eee5)}.certificate-preview.letter{text-align:left;align-items:stretch;justify-content:flex-start}.letter-meta{text-align:right}.settings-tabs{margin-bottom:18px}.settings-layout{display:grid;grid-template-columns:330px 1fr;gap:20px}.environment-box{padding:18px;display:flex;flex-direction:column;gap:16px}.environment-box>label:first-child{display:flex;flex-direction:column;gap:7px;font-weight:700}.environment-box select{height:42px;border:1px solid #d6dde1;border-radius:7px;padding:0 10px}.settings-grid{padding:20px}.custom-settings{display:flex;flex-direction:column;gap:10px;padding:12px 20px}.custom-row{display:grid;grid-template-columns:160px 1fr 1.4fr 40px;gap:8px}.custom-row input,.custom-row select{height:40px;border:1px solid #d5dce0;border-radius:7px;padding:0 10px}.permission-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px}.permission-group{border:1px solid var(--line);border-radius:9px;padding:13px}.permission-group h4{margin:0 0 9px}.permission-group label{display:flex;align-items:flex-start;gap:8px;padding:6px 0}.permission-group label span{display:flex;flex-direction:column}.permission-group small{color:var(--muted)}.role-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.role-card-head{display:flex;justify-content:space-between;align-items:flex-start;padding:18px 18px 0}.role-card-head h3{margin:0}.role-card-head span{color:var(--muted);font-size:11px}.role-grid .card>p{padding:0 18px;color:var(--muted)}.permission-tags{display:flex;gap:5px;flex-wrap:wrap;padding:0 18px 18px}.permission-tags span{font-size:10px;background:#eef4ec;color:#376535;padding:4px 7px;border-radius:5px}.audit-json-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.audit-json-grid pre{background:#101619;color:#d9e5de;padding:14px;border-radius:8px;max-height:450px;overflow:auto;font-size:11px}.message-body{display:flex;flex-direction:column;align-items:flex-start;gap:15px}.message-body p{font-size:15px;line-height:1.7;white-space:pre-wrap}.message-body small{color:var(--muted)}.login-page{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr;background:#fff}.login-visual{background:linear-gradient(145deg,#143f0e,#1e6415);color:#fff;display:flex;flex-direction:column;justify-content:space-between;padding:70px;position:relative;overflow:hidden}.login-visual:after{content:"";position:absolute;width:480px;height:480px;border-radius:50%;border:80px solid rgba(255,255,255,.04);right:-190px;bottom:-170px}.login-brand h1{font-size:42px;margin:28px 0 6px}.login-brand p{color:#cae0c4;font-size:17px}.login-features{display:flex;flex-direction:column;gap:15px;position:relative;z-index:2}.login-features span{display:flex;align-items:center;gap:12px;color:#d8ebd5}.login-panel{display:grid;place-items:center;padding:35px;background:#f8faf8}.login-card{width:min(470px,100%);background:#fff;border:1px solid var(--line);box-shadow:0 22px 60px #2232261f;border-radius:16px;padding:36px;display:flex;flex-direction:column;gap:20px}.login-card small{font-weight:800;color:var(--green-700);letter-spacing:1.4px}.login-card h2{font-size:30px;margin:4px 0}.login-card p{color:var(--muted);margin:0}.login-card>label{display:flex;flex-direction:column;gap:8px;font-weight:700}.login-card input{height:46px;border:1px solid #d4dce0;border-radius:8px;padding:0 12px}.demo-credentials-box{background:#f5f8f4;border:1px solid var(--line);border-radius:10px;padding:12px;display:flex;flex-direction:column;gap:8px;font-size:12px}.demo-credentials-box>b{color:var(--green-800);font-size:11px;text-transform:uppercase;letter-spacing:.6px}.demo-credentials-box>em{color:var(--muted);font-size:10.5px;font-style:normal}.demo-credential{all:unset;cursor:pointer;background:#fff;border:1px solid var(--line);border-radius:8px;padding:8px 10px;display:flex;flex-direction:column;gap:2px;font-size:11px;transition:.15s}.demo-credential:hover{border-color:var(--green-700);background:#eef6ec}.demo-credential-role{font-weight:800;color:var(--green-800)}.demo-credential span:last-child{color:var(--muted);font-family:ui-monospace,Menlo,monospace}.app-loading,.not-found{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px}.not-found h1{font-size:70px;margin:0;color:var(--green-800)}.muted{color:var(--muted)}@media (max-width:1450px){.stats-grid{grid-template-columns:repeat(3,1fr)}.role-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:1100px){:root{--sidebar:270px}.content{padding:24px 20px}.dashboard-grid,.settings-layout,.certificate-editor{grid-template-columns:1fr}.stats-grid,.summary-strip,.mini-stats{grid-template-columns:repeat(2,1fr)}.filter-row,.filter-row.wrap{grid-template-columns:1fr 1fr}.permission-grid{grid-template-columns:repeat(2,1fr)}.login-visual{padding:45px}}@media (max-width:850px){.sidebar{transform:translate(-100%);transition:.22s}.sidebar.open{transform:translate(0)}.sidebar-scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:45;border:0}.main-shell{margin-left:0;width:100%}.menu-btn{display:grid}.topbar{padding:0 16px}.profile-trigger strong{display:none}.content{padding:20px 14px}.page-title-row{flex-direction:column}.page-actions{justify-content:flex-start}.stats-grid{grid-template-columns:1fr 1fr}.metric-grid.three,.login-page{grid-template-columns:1fr}.login-visual{display:none}.form-field.span-2,.detail-grid .span-2{grid-column:span 1}.dynamic-form .form-grid,.settings-grid,.detail-grid,.kit-grid,.audit-json-grid,.custom-row{grid-template-columns:1fr}.custom-row .icon-btn{justify-self:end}.role-grid,.permission-grid{grid-template-columns:1fr}}@media (max-width:560px){.topbar{height:66px}.content{padding:16px 10px}.page-title-row h1{font-size:24px}.stats-grid,.summary-strip,.mini-stats,.filter-row,.filter-row.wrap{grid-template-columns:1fr}.page-actions{width:100%}.page-actions .btn{flex:1}.modal-backdrop{padding:8px}.modal{max-height:96vh}.modal-body{padding:16px}.login-panel{padding:12px}.login-card{padding:24px}.table-wrap th,.table-wrap td{padding:11px 12px}}@media print{.sidebar,.topbar,.page-actions,.filter-card,.row-actions,.tabs,.btn,.pagination{display:none!important}.main-shell{margin:0;width:100%}.content{padding:0}.card{box-shadow:none;border:0}.certificate-preview{border-width:4px}.modal-backdrop{position:static;background:#fff;padding:0}.modal{width:100%;max-height:none;box-shadow:none}.modal-header,.modal-footer,.dynamic-form{display:none}.certificate-editor{display:block}.certificate-preview{min-height:90vh}}select{-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 20 20' fill='none' stroke='%23536069' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 7.5 5 5 5-5'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 12px center!important;background-size:16px!important;padding-right:38px!important}.nav-item svg{flex:0 0 auto;align-self:center}.nav-item span{line-height:1.25}.brand-logo.brand-image{object-fit:contain;background:#fff;padding:3px}.profile-trigger>svg{transition:transform .18s}.profile-trigger>svg.rotated{transform:rotate(180deg)}.login-logo{width:82px;height:82px;object-fit:contain;background:#fff;border-radius:50%;padding:5px;box-shadow:0 10px 28px #00000029}.login-brand h1{margin-top:24px}.login-card>label{color:#2f3b42}.login-card input{width:100%;transition:border-color .18s,box-shadow .18s}.login-card input:focus{outline:0;border-color:#73a66b;box-shadow:0 0 0 4px #4a843e1c}.login-card .password-input{width:100%;align-items:center}.login-card .password-input input{flex:1;min-width:0}.login-card .password-input button{right:6px;top:50%;transform:translateY(-50%);display:grid;place-items:center;border-radius:6px}.login-card .password-input button:hover{background:#eef5ec;color:var(--green-800)}.setting-field.span-2{grid-column:1/-1}.setting-field input[type=color]{min-height:46px;padding:5px;cursor:pointer}.settings-tabs{overflow-x:auto;white-space:nowrap}.settings-tabs button{flex:0 0 auto}.login-page,.login-panel,.login-card,.login-card>label,.login-card .password-input{min-width:0}.login-page{overflow-x:hidden}.login-card{width:100%;max-width:470px}.login-card input{min-width:0}.certificate-form-section{border-bottom:1px solid var(--line);padding:4px 0 9px;margin-top:3px}.certificate-form-section span{font-size:11px;font-weight:900;letter-spacing:.85px;text-transform:uppercase;color:var(--green-800)}.certificate-preview-wrap{min-width:0;position:sticky;top:0;align-self:start}.certificate-realistic{position:relative;isolation:isolate;justify-content:flex-start;min-height:620px;padding:34px 42px 25px;overflow:hidden;box-shadow:0 14px 34px #18242a1f;background-color:#fff}.certificate-realistic:before{content:"";position:absolute;top:11px;right:11px;bottom:11px;left:11px;border:1px solid currentColor;opacity:.35;pointer-events:none}.certificate-realistic:after{content:"";position:absolute;width:310px;height:310px;border-radius:50%;right:-155px;bottom:-180px;background:currentColor;opacity:.045;z-index:-1}.certificate-corner{position:absolute;width:52px;height:52px;border-color:currentColor;opacity:.72}.certificate-corner.top-left{left:18px;top:18px;border-left:3px solid;border-top:3px solid}.certificate-corner.top-right{right:18px;top:18px;border-right:3px solid;border-top:3px solid}.certificate-corner.bottom-left{left:18px;bottom:18px;border-left:3px solid;border-bottom:3px solid}.certificate-corner.bottom-right{right:18px;bottom:18px;border-right:3px solid;border-bottom:3px solid}.certificate-topline{width:100%;display:flex;justify-content:space-between;gap:15px;font-size:8px;font-weight:850;letter-spacing:.7px;opacity:.72;text-transform:uppercase}.certificate-emblem{width:58px;height:58px;border:2px solid currentColor;border-radius:50%;display:grid;place-items:center;margin:20px 0 10px;box-shadow:0 0 0 5px #ffffffb8,0 0 0 6px currentColor}.certificate-realistic>small{font-size:10px;letter-spacing:3px}.certificate-realistic h3{font-family:Georgia,Times New Roman,serif;font-size:30px;letter-spacing:1.3px;margin:13px 0 18px;text-transform:uppercase}.certificate-realistic .certificate-presented{font-size:12px;margin:0 0 4px;color:#68747b}.certificate-realistic>strong{font-size:34px;line-height:1.1;margin:8px 0;border-bottom:1px solid currentColor;padding:0 34px 8px;max-width:92%}.certificate-designation{font-size:12px;font-weight:800;letter-spacing:.45px;opacity:.82}.certificate-citation{max-width:540px;margin:15px auto 10px!important;font-family:Georgia,Times New Roman,serif;font-size:13px;line-height:1.65!important;color:#445159!important}.certificate-program{display:flex;flex-direction:column;gap:2px;border-radius:999px;padding:7px 15px;margin:2px 0 10px;background:#ffffffad;border:1px solid currentColor;font-size:10px}.certificate-program span{font-size:9px;opacity:.75}.certificate-meta{width:100%;display:flex;justify-content:center;gap:24px;margin:10px 0 15px}.certificate-meta>span{display:grid;gap:2px;font-size:10px}.certificate-meta b{font-size:7px;letter-spacing:1px;opacity:.65}.certificate-signatures{width:100%;display:grid;grid-template-columns:1fr 80px 1fr;align-items:end;gap:18px;margin-top:auto}.certificate-signatures>div:not(.certificate-seal){display:grid;gap:2px;font-size:10px}.certificate-signatures>div:first-child{text-align:left}.certificate-signatures>div:last-child{text-align:right}.certificate-signatures small{font-size:8px;opacity:.72}.signature-line{width:100%;border-top:1px solid currentColor;margin-bottom:5px}.certificate-seal{width:66px;height:66px;border:2px solid currentColor;border-radius:50%;display:grid;place-items:center;align-content:center;margin:auto;background:#ffffffb3;box-shadow:inset 0 0 0 4px #fffc,inset 0 0 0 5px currentColor}.certificate-seal b{font-size:7px;letter-spacing:1.1px}.certificate-seal span{font-size:7px}.certificate-verification{margin-top:13px;font-size:7px;letter-spacing:.35px;opacity:.67}.certificate-actions{flex-wrap:wrap}.certificate-actions .btn:first-child{margin-right:auto}@media (max-width:1100px){.certificate-preview-wrap{position:static}.certificate-realistic{width:min(820px,100%);margin:auto;min-height:570px}}@media (max-width:560px){.modal-header{padding:16px}.modal-header h2{font-size:18px}.modal-body{overflow-x:hidden}.form-submit-row{align-items:stretch;flex-direction:column}.form-submit-row .btn{width:100%}.certificate-actions .btn:first-child{margin-right:0}.certificate-realistic{min-height:520px;padding:28px 24px 22px;border-width:5px}.certificate-topline{font-size:6px}.certificate-emblem{width:46px;height:46px;margin-top:17px}.certificate-realistic h3{font-size:21px;margin:11px 0 15px}.certificate-realistic>strong{font-size:25px;padding-inline:12px}.certificate-citation{font-size:11px!important}.certificate-meta{gap:12px;flex-wrap:wrap}.certificate-signatures{grid-template-columns:1fr 56px 1fr;gap:8px}.certificate-seal{width:52px;height:52px}.certificate-seal svg{width:20px}.certificate-signatures>div:not(.certificate-seal){font-size:8px}.certificate-signatures small{font-size:6px}}.switch-row{position:relative}.switch-row>input{width:1px!important;height:1px!important;min-height:0!important;margin:0}