*{box-sizing:border-box}body{color:#172033;background:#f5f7fb;margin:0;font-family:Tahoma,Arial,sans-serif}button,input,textarea,select{font:inherit}input,textarea,select{color:#172033;background:#fff;border:1px solid #d7deea;border-radius:12px;width:100%;padding:11px}textarea{resize:vertical;min-height:90px}.app{grid-template-columns:270px 1fr;min-height:100vh;display:grid}.dark{color:#f9fafb;background:#111827}.side{background:#fff;border-left:3px solid #2563eb;height:100vh;padding:16px;position:sticky;top:0;overflow:auto}.dark .side,.dark .panel,.dark .card,.dark .modal,.dark .top{color:#f9fafb;background:#1f2937}.brand{border:1px solid #dbeafe;border-radius:20px;align-items:center;gap:12px;margin-bottom:14px;padding:14px;display:flex}.brand img{object-fit:contain;width:48px;height:48px}.brand small{color:#64748b;display:block}.side nav{gap:8px;display:grid}.side button{cursor:pointer;color:inherit;background:0 0;border:0;border-radius:14px;align-items:center;gap:10px;padding:12px;display:flex}.side button.on,.side button:hover{color:#1d4ed8;background:#eff6ff}.main{min-width:0}.top{z-index:2;background:#f9fbff;border-bottom:1px solid #e6ecf5;align-items:center;gap:10px;padding:14px 20px;display:flex;position:sticky;top:0}.search{background:#fff;border:1px solid #dbeafe;border-radius:14px;flex:1;align-items:center;gap:8px;padding:0 10px;display:flex}.search input{background:0 0;border:0}.icon{cursor:pointer;color:#1d4ed8;background:#fff;border:1px solid #dbeafe;border-radius:12px;justify-content:center;align-items:center;padding:10px;display:inline-flex}.page{padding:22px}.page-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.page h2{margin:0}.btn{color:#fff;cursor:pointer;background:#2563eb;border:0;border-radius:13px;justify-content:center;align-items:center;gap:7px;padding:10px 14px;text-decoration:none;display:inline-flex}.btn.light{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe}.btn.danger{color:#b91c1c;background:#fee2e2}.btn:disabled{opacity:.5}.stats{grid-template-columns:repeat(6,minmax(130px,1fr));gap:12px;margin-bottom:16px;display:grid}.stat{background:#fff;border:1px solid #e5eaf3;border-radius:18px;padding:15px;box-shadow:0 10px 25px #1e3a8a0a}.stat span{color:#64748b;font-size:13px;display:block}.stat b{font-size:25px}.panel,.card{background:#fff;border:1px solid #e5eaf3;border-radius:20px;margin-bottom:14px;padding:16px;box-shadow:0 10px 25px #1e3a8a0a}.cards{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;display:grid}.card h3{margin:6px 0}.card p{color:#64748b;margin:6px 0}.logo{object-fit:contain;background:#fff;border:1px solid #e5eaf3;border-radius:18px;width:70px;height:70px;padding:6px}.logoIcon{color:#1d4ed8;background:#eff6ff;border-radius:18px;width:70px;height:70px;padding:18px}.cert-img{object-fit:contain;background:#f8fafc;border:1px solid #e5e7eb;border-radius:14px;width:100%;height:160px;margin-top:10px}.actions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.toolbar{gap:10px;margin-bottom:15px;display:flex}.modal-back{z-index:10;background:#0f172a88;justify-content:center;align-items:flex-start;padding:30px;display:flex;position:fixed;inset:0;overflow:auto}.modal{background:#fff;border:1px solid #e5eaf3;border-radius:22px;width:min(760px,100%);box-shadow:0 30px 100px #0005}.modal-head{border-bottom:1px solid #edf2f7;justify-content:space-between;align-items:center;padding:16px;display:flex}.modal-head h3{margin:0}.grid-form{grid-template-columns:repeat(2,1fr);gap:12px;padding:16px;display:grid}.field{gap:6px;display:grid}.field span{color:#475569;font-size:13px}:is(.grid-form .btn,.grid-form .field:has(textarea)){grid-column:1/-1}.table-wrap{background:#fff;border:1px solid #e5eaf3;border-radius:18px;overflow:auto}.data-table{border-collapse:collapse;width:100%}.data-table th,.data-table td{text-align:right;vertical-align:top;border-bottom:1px solid #edf2f7;padding:12px}.data-table th{color:#334155;background:#f8fbff}.empty{text-align:center;color:#64748b;padding:20px}.badge{border-radius:99px;margin-top:8px;padding:6px 10px;font-size:12px;display:inline-flex}.badge.green{color:#166534;background:#dcfce7}.badge.orange{color:#9a3412;background:#ffedd5}.badge.red{color:#991b1b;background:#fee2e2}.badge.neutral{color:#374151;background:#e5e7eb}.details{border-top:1px dashed #dbeafe;margin-top:12px;padding-top:12px}.mini-stats{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.mini-stats .stat{padding:10px}.money-row{flex-wrap:wrap;gap:18px;display:flex}.login-card{background:#fff;border-radius:28px;grid-template-columns:1fr 1fr;width:min(980px,100%);display:grid;overflow:hidden;box-shadow:0 30px 100px #1e3a8a22}.login-brand{color:#fff;text-align:center;background:#0f2f66;place-items:center;padding:45px;display:grid}.login-brand img{object-fit:contain;max-width:150px;max-height:150px}.login-form{gap:14px;padding:35px;display:grid}.chat{grid-template-columns:260px 1fr;gap:14px;display:grid}.chat-list,.chat-box{background:#fff;border:1px solid #e5eaf3;border-radius:20px;padding:14px}.msgs{flex-direction:column;gap:10px;height:430px;display:flex;overflow:auto}.msg{background:#eff6ff;border-radius:16px;align-self:flex-start;max-width:75%;padding:10px}.composer{gap:8px;margin-top:12px;display:flex}.composer input{flex:1}.invoice{color:#111827;direction:ltr;background:#fff;border:4px solid #1d4ed8;width:794px;min-height:1123px;margin:auto;padding:26px;font-family:Arial,sans-serif}.invoice-top{text-align:center;border-bottom:2px solid #1d4ed8;grid-template-columns:130px 1fr 130px;align-items:center;padding-bottom:14px;display:grid}.inv-logo,.qr{object-fit:contain;max-width:110px;max-height:110px}.inv-title h2{color:#0f2f66;margin:0 0 8px;font-size:22px}.info-grid{grid-template-columns:1fr 1fr;gap:16px;margin:18px 0;display:grid}.info-grid>div{border:1px solid #dbeafe;border-radius:14px;padding:12px}.info-grid h4{color:#1d4ed8;margin:0 0 8px}.info-grid p{margin:4px 0}.inv-meta{background:#eff6ff;border-radius:12px;justify-content:space-between;margin:12px 0;padding:10px;display:flex}.invoice table{border-collapse:collapse;width:100%;margin:15px 0}.invoice th,.invoice td{text-align:left;border:1px solid #cbd5e1;padding:10px}.invoice th{color:#fff;background:#0f2f66}.total{text-align:right}.transfer{white-space:pre-wrap;background:#f8fafc;border:1px dashed #94a3b8;border-radius:12px;padding:12px}.sig-row{justify-content:space-between;margin-top:30px;display:flex}.sig-row>div{text-align:center;min-width:170px}.sig-row img{object-fit:contain;max-width:150px;max-height:90px;margin:auto;display:block}.preview-mini{transform-origin:100% 0;background:#f8fafc;border:1px solid #e5e7eb;border-radius:14px;height:370px;margin-top:12px;overflow:hidden;transform:scale(.32)}.muted{color:#64748b}@media (width<=900px){.app{grid-template-columns:1fr}.side{border-bottom:3px solid #2563eb;border-left:0;height:auto;position:relative}.side nav,.stats{grid-template-columns:repeat(2,1fr)}.login-card,.grid-form,.chat{grid-template-columns:1fr}.top{flex-wrap:wrap}.invoice{width:100%;min-height:auto}.preview-mini{display:none}}@media (width<=560px){.page{padding:14px}.cards,.side nav,.stats{grid-template-columns:1fr}.toolbar{flex-direction:column}.data-table{font-size:13px}.modal-back{padding:10px}.invoice-top,.info-grid{grid-template-columns:1fr}}.actions{flex-wrap:nowrap;align-items:center;gap:6px}.actions .btn,.btn.tiny{white-space:nowrap;border-radius:9px;padding:6px 9px;font-size:12px}.file-actions{flex-wrap:wrap;gap:5px;display:flex}.data-table td:last-child{min-width:170px}.card .actions{overflow:auto}.invoice{border:4px solid #0f2f66;box-shadow:inset 0 0 0 1px #bfdbfe}.invoice-top{grid-template-columns:130px 1fr 130px}.sig-row{justify-content:space-between;align-items:flex-end;display:flex}.sig-row>div:first-child{order:1}.sig-row>div:last-child{order:2}.login-form input:-webkit-autofill{transition:background-color 99999s ease-in-out;-webkit-text-fill-color:inherit!important}@media (width<=760px){.actions{flex-wrap:wrap}.data-table td:last-child{min-width:150px}.actions .btn,.btn.tiny{padding:5px 7px;font-size:11px}}.settings-preview{object-fit:contain;background:#fff;border:1px solid #dbeafe;border-radius:10px;max-width:90px;max-height:70px;margin-top:8px;padding:6px}.checks{background:#f8fbff;border:1px solid #dbeafe;border-radius:12px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:8px;padding:10px;display:grid}.check,.checks label{align-items:center;gap:8px;font-size:14px;display:flex}.custom-fields-note{color:#1e3a8a;background:#eff6ff;border:1px solid #bfdbfe;border-radius:12px;margin:10px 0;padding:10px}.content-frame-wrap{background:#fff;border:1px solid #e5eaf3;border-radius:18px;min-height:calc(100vh - 140px);overflow:hidden}.content-frame{background:#fff;border:0;width:100%;height:calc(100vh - 140px);min-height:760px;display:block}.invoice-toolbar{flex-wrap:wrap;gap:10px;margin-bottom:14px;display:flex}.invoice-card-head{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.compact-actions{flex-wrap:nowrap;padding-bottom:2px;overflow:auto}.compact-actions .btn{border-radius:9px;min-width:max-content;padding:6px 9px;font-size:12px}.invoice-preview-full{padding:16px;overflow:auto}.invoice-preview-full .invoice{margin:auto;transform:none}.modal-actions{justify-content:flex-end;gap:10px;margin-top:14px;display:flex}.premium-invoice{color:#0f172a;direction:ltr;background:#fff;border:0;width:794px;min-height:1123px;padding:18px;font-family:Arial,Helvetica,sans-serif}.invoice-frame{background:linear-gradient(#fff 0%,#f8fbff 100%);border:3px solid #0f2f66;border-radius:18px;min-height:1087px;padding:24px;box-shadow:inset 0 0 0 1px #bfdbfe}.invoice-header-pro{border-bottom:3px solid #0f2f66;grid-template-columns:130px 1fr 130px;align-items:center;gap:14px;padding-bottom:16px;display:grid}.invoice-logo-box,.invoice-qr-box{background:#fff;border:1px solid #dbeafe;border-radius:16px;place-items:center;height:120px;display:grid}.invoice-qr-box small{color:#64748b;margin-top:-8px;font-size:10px}.invoice-company-center{text-align:center}.invoice-company-center h1{color:#0f2f66;text-transform:uppercase;letter-spacing:.3px;margin:0;font-size:24px;line-height:1.25}.invoice-subtitle{color:#fff;letter-spacing:1px;background:#0f2f66;border-radius:999px;margin-top:10px;padding:7px 18px;font-weight:700;display:inline-block}.invoice-line{color:#64748b;margin-top:8px;font-size:12px}.invoice-meta-pro{grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0;display:grid}.invoice-meta-pro>div{background:#eff6ff;border:1px solid #bfdbfe;border-radius:14px;padding:11px}.invoice-meta-pro span{color:#475569;margin-bottom:3px;font-size:11px;display:block}.invoice-meta-pro b{color:#0f2f66}.pro-info-grid{grid-template-columns:1fr 1fr;margin:16px 0}.pro-info-grid>div{background:#fff;border:1px solid #dbeafe;border-radius:16px;min-height:128px;padding:14px}.pro-info-grid h4{color:#0f2f66;border-bottom:1px solid #e5e7eb;padding-bottom:7px}.invoice-table-pro{border-spacing:0;border:1px solid #cbd5e1;border-radius:14px;width:100%;margin:14px 0;overflow:hidden;border-collapse:separate!important}.invoice-table-pro th{padding:10px;font-size:12px;color:#fff!important;background:#0f2f66!important}.invoice-table-pro td{vertical-align:top;background:#fff;border-top:1px solid #e2e8f0;padding:10px;font-size:12px}.invoice-total-pro{color:#fff;background:#0f2f66;border-radius:14px;justify-content:space-between;align-items:center;width:280px;margin-left:auto;padding:14px;display:flex}.invoice-total-pro span{opacity:.85;font-size:12px}.invoice-total-pro b{font-size:19px}.payment-box{background:#fff;border:1px dashed #94a3b8;border-radius:14px;margin-top:14px;padding:13px}.payment-box h4{color:#0f2f66;margin:0 0 8px}.payment-box pre{white-space:pre-wrap;margin:0;font-family:Arial,Helvetica,sans-serif;font-size:12px}.invoice-footer-pro{justify-content:space-between;align-items:flex-end;gap:20px;margin-top:28px;display:flex}.invoice-footer-pro>div{text-align:center;border-top:1px solid #cbd5e1;width:210px;min-height:118px;padding-top:10px}.invoice-footer-pro img{object-fit:contain;max-width:170px;max-height:90px;margin:0 auto 8px;display:block}.stamp-box{order:1}.signature-box{order:2}.invoice-footer-pro b{color:#0f2f66}.preview-mini .premium-invoice{width:794px;transform:none}@media (width<=900px){.invoice-preview-full .invoice{width:794px}.invoice-preview-full{max-width:100%;overflow:auto}.premium-invoice{width:794px}.compact-actions{flex-wrap:wrap}.invoice-card-head{flex-direction:column}.invoice-meta-pro,.pro-info-grid,.invoice-header-pro{grid-template-columns:1fr}.invoice-total-pro{width:100%}}.invoice-meta-pro.two-cols{grid-template-columns:repeat(2,1fr)}.invoice-meta-pro.two-cols>div{text-align:center}.verify-page{color:#0f172a;direction:ltr;background:linear-gradient(135deg,#eff6ff,#fff);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.verify-card{text-align:center;background:#fff;border:1px solid #bfdbfe;border-radius:26px;width:min(760px,100%);padding:30px;box-shadow:0 24px 60px #0f2f6624}.verify-card>img{object-fit:contain;width:94px;height:94px;margin:0 auto 10px;display:block}.verify-card h1{color:#0f2f66;margin:8px 0 14px;font-size:28px}.verify-status{border-radius:999px;margin-bottom:20px;padding:9px 18px;font-weight:800;display:inline-flex}.verify-status.paid{color:#166534;background:#dcfce7;border:1px solid #86efac}.verify-status.pending{color:#9a3412;background:#ffedd5;border:1px solid #fdba74}.verify-grid{text-align:left;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:20px 0;display:grid}.verify-grid div,.verify-cert,.verify-payment{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:14px}.verify-grid span{color:#64748b;margin-bottom:5px;font-size:12px;display:block}.verify-grid b{color:#0f2f66;font-size:16px}.verify-cert,.verify-payment{text-align:left;margin-top:12px}.verify-payment pre{white-space:pre-wrap;color:#334155;margin:0;font-family:inherit}.verify-card .small{margin-top:14px;font-size:12px}@media (width<=640px){.verify-grid{grid-template-columns:1fr}.verify-card{padding:20px}.verify-card h1{font-size:22px}}.login-page{background:#f8fbff!important;place-items:center!important;min-height:100vh!important;padding:20px!important;display:grid!important}.login-card{background:#fff!important;border:3px solid #2563eb!important;border-radius:28px!important;grid-template-columns:1fr 1fr!important;width:min(980px,100%)!important;display:grid!important;overflow:hidden!important;box-shadow:0 24px 70px #2563eb29!important}.login-brand{color:#0f2f66!important;text-align:center!important;background:#fff!important;border-left:1px solid #bfdbfe!important;place-items:center!important;padding:45px!important;display:grid!important}.login-brand img{object-fit:contain!important;background:#fff!important;border:1px solid #dbeafe!important;border-radius:24px!important;width:160px!important;max-width:160px!important;height:160px!important;max-height:160px!important;padding:10px!important}.login-brand h1{color:#0f2f66!important;margin:12px 0 4px!important;font-size:30px!important}.login-brand p{color:#2563eb!important;margin:0!important}.login-form{background:#fff!important;gap:14px!important;padding:38px!important;display:grid!important}.login-form h2{color:#0f2f66!important;margin:0 0 8px!important}.login-form input{background:#fff!important;border:1.5px solid #bfdbfe!important}.login-form input:focus{border-color:#2563eb!important;outline:none!important;box-shadow:0 0 0 4px #2563eb1a!important}.login-form .btn{color:#fff!important;background:#2563eb!important}@media (width<=900px){.login-card{grid-template-columns:1fr!important}.login-brand{border-bottom:1px solid #bfdbfe!important;border-left:0!important;padding:28px!important}}.row-actions{flex-wrap:nowrap;justify-content:center;align-items:center;gap:6px;display:flex}.row-actions .btn{white-space:nowrap}.user-chip{color:#0f2f66;background:#fff;border:1px solid #dbeafe;border-radius:999px;align-items:center;gap:7px;min-width:max-content;padding:10px 13px;font-size:13px;font-weight:700;display:inline-flex}.brand small{color:#2563eb;margin-top:3px;font-size:12px;display:block}.certificate-card h3{color:#0f2f66;margin-bottom:12px}.cert-meta-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:10px 0 12px;display:grid}.cert-meta-grid p{background:#f8fbff;border:1px solid #dbeafe;border-radius:12px;margin:0;padding:9px}.cert-meta-grid b{color:#64748b;margin-bottom:4px;font-size:12px;display:block}.cert-meta-grid span{color:#0f172a;overflow-wrap:anywhere;font-weight:700;display:block}body.dark .user-chip,body.dark .cert-meta-grid p{color:#e5eefc;background:#17253d;border-color:#334766}body.dark .cert-meta-grid span,body.dark .certificate-card h3{color:#e5eefc}body.dark{color:#e5eefc;background:#0f172a}body.dark .main,body.dark .app-shell{background:#0f172a}body.dark .topbar,body.dark .sidebar,body.dark .panel,body.dark .card,body.dark .stat,body.dark .modal,body.dark .table-wrap,body.dark .login-card{color:#e5eefc;background:#111c31;border-color:#24344f}body.dark input,body.dark select,body.dark textarea{color:#e5eefc;background:#0b1222;border-color:#334766}body.dark .data-table th{color:#e5eefc;background:#17253d}body.dark .data-table td{border-color:#24344f}body.dark .muted,body.dark .stat span{color:#a8b7d0}body.dark .btn.light,body.dark .icon{color:#e5eefc;background:#17253d;border-color:#334766}.mobile-menu-btn,.mobile-backdrop{display:none}@media (width<=768px){html,body,#root{min-height:100%;overflow-x:hidden}body:not(.dark){background:#f6f8fc}.app-shell{min-height:100vh;display:block}.main{width:100%;min-height:100vh;margin:0}.topbar{z-index:800;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f6f8fcf5;border-bottom:1px solid #e6eef8;grid-template-columns:52px 1fr 52px 52px;align-items:center;gap:8px;padding:12px;display:grid;position:sticky;top:0}body.dark .topbar{background:#0f172af5;border-bottom-color:#24344f}.mobile-menu-btn{background:#fff;border:1px solid #dbe9fb;border-radius:16px;width:48px;height:48px;display:inline-flex;box-shadow:0 8px 22px #2259a817}.topbar .search{background:#fff;border:1px solid #dbe9fb;border-radius:16px;height:48px;box-shadow:0 8px 22px #2259a812}.topbar .icon{background:#fff;border:1px solid #dbe9fb;border-radius:16px;width:48px;height:48px;box-shadow:0 8px 22px #2259a812}body.dark .mobile-menu-btn,body.dark .topbar .search,body.dark .topbar .icon{box-shadow:none;background:#111c31;border-color:#24344f}.sidebar{z-index:1200;background:#fff;border-left:1px solid #dbe9fb;width:min(84vw,320px);height:100vh;padding:18px 14px;transition:transform .25s;position:fixed;top:0;right:0;overflow-y:auto;transform:translate(110%);box-shadow:-24px 0 60px #0f172a38}.sidebar.open{transform:translate(0)}.mobile-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:1100;background:#0f172a73;display:block;position:fixed;inset:0}.sidebar .brand{background:linear-gradient(135deg,#f8fbff,#eef6ff);border:1px solid #dbe9fb;border-radius:20px;margin-bottom:18px;padding:12px}body.dark .sidebar .brand{background:#17253d;border-color:#24344f}.sidebar .brand img{object-fit:contain;background:#fff;border-radius:16px;width:52px;height:52px}.sidebar button{background:#f8fafc;border:1px solid #0000;border-radius:16px;justify-content:flex-start;width:100%;margin:5px 0;padding:13px 14px;font-size:15px}.sidebar button.active{color:#1d5fbf;background:#eaf3ff;border-color:#cfe2ff}body.dark .sidebar button{color:#e5eefc;background:#0b1222}body.dark .sidebar button.active{color:#93c5fd;background:#17345f;border-color:#255b9d}.page{padding:18px 14px 90px}.page-head{align-items:center;margin:10px 0 18px}.page-head h2{margin:0;font-size:28px;line-height:1.2}.stats{grid-template-columns:1fr 1fr;gap:12px;display:grid}.stat{background:#fff;border:1px solid #e2edf8;border-radius:22px;min-height:112px;padding:18px;box-shadow:0 12px 30px #17386714}.stat span{color:#64748b;font-size:14px}.stat b{color:#152238;font-size:34px}body.dark .stat b{color:#e5eefc}.panel,.card{background:#fff;border:1px solid #e2edf8;border-radius:22px;box-shadow:0 12px 30px #17386714}body.dark .panel,body.dark .card,body.dark .stat{box-shadow:none}.cards{grid-template-columns:1fr;gap:14px;display:grid}.toolbar{margin-bottom:14px;display:block}.toolbar .search{border-radius:16px;height:48px}.toolbar .btn{margin-top:8px}.table-wrap{background:#fff;border:1px solid #e2edf8;border-radius:18px;overflow-x:auto}.data-table{min-width:820px}.actions{flex-wrap:nowrap;gap:6px}.actions .btn{white-space:nowrap;border-radius:10px;padding:7px 9px;font-size:12px}.modal{border-radius:22px;width:calc(100vw - 24px);max-width:calc(100vw - 24px);max-height:88vh;overflow:auto}.grid-form{grid-template-columns:1fr}.money-row{grid-template-columns:1fr;gap:8px;display:grid}.content-frame-wrap{border-radius:16px;min-height:calc(100vh - 120px)}.content-frame{height:calc(100vh - 120px);min-height:700px}}@media (width>=769px){.sidebar{transform:none!important}.mobile-backdrop{display:none!important}.app-shell{background:#f5f7fb;grid-template-columns:280px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{background:#fff;border-left:3px solid #2563eb;height:100vh;padding:16px;position:sticky;top:0;overflow:auto}.sidebar .brand span{color:#64748b;font-size:12px;display:block}.sidebar button{width:100%;color:inherit;cursor:pointer;text-align:right;background:0 0;border:0;border-radius:14px;align-items:center;gap:10px;margin:4px 0;padding:12px;display:flex}.sidebar button.active,.sidebar button:hover{color:#1d4ed8;background:#eff6ff}.topbar{z-index:2;background:#f9fbff;border-bottom:1px solid #e6ecf5;align-items:center;gap:10px;padding:14px 20px;display:flex;position:sticky;top:0}}body.dark .sidebar button.active,body.dark .sidebar button:hover{color:#93c5fd;background:#17345f}body.dark .search,body.dark .chat-list,body.dark .chat-box,body.dark .checks{color:#e5eefc;background:#111c31;border-color:#24344f}body.dark .card p,body.dark .field span,body.dark .brand span{color:#a8b7d0}@media (width<=1180px) and (width>=769px){.app-shell{grid-template-columns:230px minmax(0,1fr)}.sidebar{padding:12px}.sidebar button{padding:10px;font-size:14px}.page{padding:18px}.stats{grid-template-columns:repeat(3,minmax(130px,1fr))}.cards{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.data-table th,.data-table td{padding:10px}}@media (width<=768px){.topbar{grid-template-columns:52px 1fr 52px 52px}.user-chip{grid-column:1/-1;justify-content:center}.cert-meta-grid{grid-template-columns:1fr}}.modal-body{padding:16px}.client-card{text-align:center}.client-card .logo,.client-card .logoIcon{margin-inline:auto}.client-full-details{border-top:0;margin-top:0;padding-top:0}.cert-file{color:#475569;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:14px;place-items:center;gap:8px;width:100%;min-height:120px;margin-top:10px;display:grid}.compact-certificate-card{gap:12px;display:grid}.compact-certificate-card h3{color:#0f2f66;margin:0}.cert-summary-grid{gap:8px;display:grid}.cert-summary-grid p{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;margin:0;padding:10px}.cert-summary-grid b{color:#64748b;margin-bottom:5px;font-size:12px;display:block}.cert-summary-grid span:not(.badge){color:#0f2f66;word-break:break-word;font-weight:700;display:block}.compact-cert-img{height:190px;margin-top:0}.cert-info-modal{gap:12px;padding:16px;display:grid}.cert-info-modal .cert-meta-grid{margin:0}.cert-info-modal .file-actions{margin-top:0}.smart-search{background:#fff;border:1px solid #c7d7ee;border-radius:16px;flex:1;align-items:center;gap:9px;min-height:48px;padding:0 12px;display:flex;box-shadow:0 8px 24px #0f2f660f}.smart-search:focus-within{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.smart-search input{outline:0;min-width:0;background:0 0!important;border:0!important;padding:10px 0!important}.smart-search button{color:#1d4ed8;cursor:pointer;background:#eff6ff;border:0;border-radius:10px;flex:none;place-items:center;width:28px;height:28px;display:grid}.search-toolbar{align-items:center}.pdf-render-host{z-index:-1;background:#fff;position:fixed;top:0;left:-10000px}.pdf-report{color:#0f172a;direction:rtl;background:#fff;width:794px;padding:24px;font-family:Tahoma,Arial,sans-serif}.pdf-report-head{break-inside:avoid;background:#f8fbff;border:2px solid #0f2f66;border-radius:16px;justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px;padding:18px 20px;display:flex}.pdf-report-head h1{color:#0f2f66;margin:0 0 6px;font-size:24px}.pdf-report-head p{color:#64748b;margin:0;font-size:13px}.pdf-report-head img{object-fit:contain;background:#fff;border:1px solid #dbeafe;border-radius:14px;width:82px;height:82px;padding:8px}.pdf-section{break-inside:avoid;margin:0 0 22px}.pdf-section-head{color:#fff;break-inside:avoid;background:#0f2f66;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;padding:12px 16px;display:flex}.pdf-section-head h2{margin:0;font-size:18px}.pdf-section-head span{font-size:13px}.pdf-record{break-inside:avoid;page-break-inside:avoid;background:#fff;border:1px solid #cbd5e1;border-radius:14px;margin:10px 0;padding:12px}.pdf-record h3{color:#0f2f66;border-bottom:1px solid #e2e8f0;margin:0 0 10px;padding-bottom:8px;font-size:15px}.pdf-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.pdf-field{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;min-height:54px;padding:8px;overflow:hidden}.pdf-field span{color:#64748b;margin-bottom:4px;font-size:11px;display:block}.pdf-field b{color:#0f172a;word-break:break-word;font-size:13px;line-height:1.5;display:block}.pdf-empty{text-align:center;color:#64748b;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:14px;padding:24px}@media (width<=768px){.modal-back{align-items:flex-start;padding:8px;overflow:auto}.modal{border-radius:16px;width:100%;max-width:100%;max-height:calc(100dvh - 16px);overflow:auto}.modal-head{z-index:5;background:inherit;padding:10px 12px;position:sticky;top:0}.modal .grid-form{padding:12px;padding-bottom:calc(20px + env(safe-area-inset-bottom));gap:8px}.modal input,.modal textarea,.modal select{border-radius:10px;padding:9px;font-size:14px}.modal .field span{font-size:12px}.modal .btn{padding:9px 11px}}.invoice-card{gap:12px;display:grid}.invoice-card-meta{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.invoice-card-meta>div{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;min-width:0;padding:10px}.invoice-card-meta span{color:#64748b;margin-bottom:4px;font-size:11px;display:block}.invoice-card-meta b{color:#0f2f66;word-break:break-word;font-size:13px;display:block}.invoice-qr-card{direction:rtl;background:#f8fbff;border:1px solid #cfe2ff;border-radius:16px;grid-template-columns:128px 1fr;align-items:center;gap:14px;padding:12px;display:grid}.invoice-qr-card.compact{grid-template-columns:86px 1fr;padding:10px}.invoice-qr-image{background:#fff;border:1px solid #dbeafe;border-radius:14px;place-items:center;min-height:86px;padding:8px;display:grid}.invoice-qr-card.compact .invoice-qr-image{min-height:74px}.invoice-qr-image img{aspect-ratio:1;object-fit:contain;width:100%;max-width:108px}.invoice-qr-card.compact .invoice-qr-image img{max-width:66px}.invoice-qr-text{gap:4px;min-width:0;display:grid}.invoice-qr-text b{color:#0f2f66;font-size:14px}.invoice-qr-text span{color:#64748b;font-size:12px;line-height:1.5}.invoice-qr-text a{color:#1d4ed8;font-size:12px;font-weight:700;text-decoration:none}.verify-items{background:#fff;border:1px solid #dbeafe;border-radius:18px;margin-top:18px;padding:14px}.verify-items h3{color:#0f2f66;margin:0 0 10px}.verify-items>div{border-top:1px solid #eef2f7;justify-content:space-between;gap:12px;padding:9px 0;display:flex}.verify-items>div:first-of-type{border-top:0}.verify-items span{color:#334155}.verify-items b{color:#0f2f66;white-space:nowrap}.global-search-wrap{z-index:900;min-width:0;position:relative}.global-search-wrap .search{height:48px}.search-clear{color:#1d4ed8;cursor:pointer;background:#eff6ff;border:0;border-radius:10px;flex:none;place-items:center;width:28px;height:28px;display:grid}.global-search-results{background:#fff;border:1px solid #cfe2ff;border-radius:16px;gap:6px;max-height:min(420px,70vh);padding:8px;display:grid;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow:auto;box-shadow:0 22px 55px #0f2f662e}.global-search-results button{text-align:right;color:#0f172a;cursor:pointer;background:#fff;border:0;border-radius:12px;align-items:center;gap:10px;width:100%;padding:10px;display:flex}.global-search-results button:hover{color:#1d4ed8;background:#eff6ff}.global-search-results span{gap:2px;min-width:0;display:grid}.global-search-results b{white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.global-search-results small{color:#64748b;white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.global-search-empty{text-align:center;color:#64748b;padding:16px;font-size:13px}.verify-spinner{color:#1d4ed8;margin-top:10px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}body.dark .global-search-results{background:#111c31;border-color:#24344f;box-shadow:0 22px 55px #00000059}body.dark .global-search-results button{color:#e5eefc;background:#111c31}body.dark .global-search-results button:hover{color:#93c5fd;background:#17345f}@media (width<=768px){.topbar{grid-template-columns:48px minmax(0,1fr) 48px 48px;gap:7px;padding:10px}.topbar .search input{font-size:14px}.global-search-results{max-height:58vh;position:fixed;top:68px;left:10px;right:10px}.page-head{grid-template-columns:1fr;gap:10px;display:grid}.page-head .actions,.page-head .btn{width:100%}.page-head .actions .btn{flex:1}.invoice-toolbar{grid-template-columns:1fr 1fr;gap:8px;display:grid}.invoice-toolbar .badge{justify-content:center;margin-top:0}.invoice-card{border-radius:18px;padding:14px}.invoice-card-head{grid-template-columns:1fr auto;align-items:start;display:grid}.invoice-card-head h3{word-break:break-word;font-size:18px}.invoice-card-meta{grid-template-columns:1fr}.invoice-qr-card,.invoice-qr-card.compact{border-radius:14px;grid-template-columns:92px minmax(0,1fr);gap:10px}.invoice-qr-text b{font-size:13px}.invoice-qr-text span{font-size:11px}.compact-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid;overflow:visible}.compact-actions .btn{width:100%;min-width:0;padding:10px 8px;font-size:12px}.invoice-preview-full{padding:10px}.invoice-preview-full .invoice-qr-card{margin-bottom:10px}.modal-actions{background:inherit;grid-template-columns:1fr 1fr;padding:10px 0 0;display:grid;position:sticky;bottom:0}.verify-page{align-items:flex-start;padding:14px}.verify-card{border-radius:20px;width:100%}.verify-items>div{grid-template-columns:1fr;gap:4px;display:grid}.verify-items b{white-space:normal}}@media (width<=420px){.topbar{grid-template-columns:44px minmax(0,1fr) 44px 44px}.topbar .icon,.mobile-menu-btn{border-radius:14px;width:44px;height:44px}.page{padding:14px 10px 84px}.stats,.invoice-toolbar,.compact-actions{grid-template-columns:1fr}.invoice-qr-card,.invoice-qr-card.compact{text-align:center;grid-template-columns:1fr}.invoice-qr-image{width:116px;margin:auto}}@media (width<=768px){html{scroll-behavior:smooth}body{font-size:15px}.topbar{grid-template-columns:46px minmax(0,1fr) 46px 46px;gap:6px;padding:8px 10px}.topbar .icon,.mobile-menu-btn{border-radius:14px;width:46px;height:46px;padding:0}.global-search-wrap .search,.topbar .search{height:46px;min-height:46px;padding-inline:9px}.global-search-wrap input,.topbar input{font-size:16px}.user-chip{grid-column:1/-1;justify-content:center;width:100%;min-width:0;padding:8px 10px;font-size:12px}.page{padding:14px 12px calc(92px + env(safe-area-inset-bottom))}.page-head{z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f6f8fcf0;border-bottom:1px solid #dbeafebf;margin:0 -4px 14px;padding:10px 4px;position:sticky;top:104px}body.dark .page-head{background:#0f172af0;border-bottom-color:#24344f}.page-head h2{font-size:23px}.page-head .btn{border-radius:15px;min-height:48px;font-size:15px;font-weight:800}.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.stat{border-radius:18px;min-height:88px;padding:13px}.stat span{font-size:12px}.stat b{font-size:25px}.panel,.card{border-radius:18px;margin-bottom:12px;padding:14px}.cards{gap:12px}.card h3{word-break:break-word;font-size:18px;line-height:1.35}.card p{font-size:13px;line-height:1.55}.toolbar,.search-toolbar{grid-template-columns:1fr;gap:8px;display:grid}.smart-search{border-radius:16px;min-height:50px}.smart-search input{font-size:16px}.toolbar .btn{width:100%;min-height:44px;margin-top:0}.actions,.row-actions,.compact-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid;overflow:visible}.actions .btn,.row-actions .btn,.compact-actions .btn,.btn.tiny{white-space:normal;width:100%;min-width:0;min-height:42px;padding:9px 8px;font-size:12px;line-height:1.25}.table-wrap{background:0 0;border:0;overflow:visible}.data-table,.data-table thead,.data-table tbody,.data-table tr,.data-table td{width:100%;min-width:0;display:block}.data-table{border-collapse:separate;border-spacing:0;font-size:14px}.data-table thead{display:none}.data-table tr{background:#fff;border:1px solid #e2edf8;border-radius:18px;margin-bottom:12px;padding:8px;box-shadow:0 10px 26px #17386712}body.dark .data-table tr{box-shadow:none;background:#1f2937;border-color:#24344f}.data-table td{text-align:right;word-break:break-word;border:0;border-bottom:1px solid #edf2f7;min-height:44px;padding:10px 8px}.data-table td:last-child{border-bottom:0;min-width:0}.data-table td:before{content:attr(data-label);color:#64748b;margin-bottom:4px;font-size:11px;font-weight:700;display:block}.data-table td:last-child .actions,.data-table td:last-child .row-actions{margin-top:4px}.modal-back{background:#0f172a8f;align-items:stretch;padding:0}.modal{border:0;border-radius:0;flex-direction:column;width:100%;max-width:100%;height:100dvh;max-height:100dvh;display:flex}.modal-head{border-bottom:1px solid #e6eef8;flex:none;min-height:60px;padding:12px}.modal-head h3{font-size:18px;line-height:1.35}.modal-head .icon{border-radius:14px;width:42px;height:42px}.modal>form,.modal>.grid-form,.modal>.invoice-preview-full{-webkit-overflow-scrolling:touch;flex:auto;overflow:auto}.grid-form,.modal .grid-form{padding:14px 12px calc(92px + env(safe-area-inset-bottom));grid-template-columns:1fr;gap:11px}.field{gap:7px}.field span{font-size:13px;font-weight:700}input,textarea,select,.modal input,.modal textarea,.modal select{border-radius:14px;min-height:48px;padding:11px 12px;font-size:16px}textarea{min-height:112px}input[type=file]{background:#f8fbff;min-height:52px;padding:10px}.grid-form>.btn,.modal .grid-form>.btn{z-index:6;border-radius:16px;min-height:52px;font-size:16px;font-weight:800;position:sticky;bottom:0;box-shadow:0 -8px 22px #0f2f6614}.checks{grid-template-columns:1fr;max-height:42dvh;overflow:auto}.check,.checks label{background:#fff;border-radius:12px;min-height:42px;padding:8px}.invoice-card-meta,.cert-meta-grid,.mini-stats{grid-template-columns:1fr}.cert-img{height:190px}.login-page{align-items:start!important;padding:12px!important}.login-brand{padding:22px!important}.login-brand img{width:112px!important;height:112px!important}.login-form{padding:22px!important}}@media (width<=420px){.topbar{grid-template-columns:42px minmax(0,1fr) 42px 42px;padding-inline:8px}.topbar .icon,.mobile-menu-btn{width:42px;height:42px}.page-head{top:96px}.stats,.actions,.row-actions,.compact-actions{grid-template-columns:1fr}.modal-head h3{font-size:16px}}