:root{
  --ink:#132f2a;--ink-2:#34524a;--muted:#7b8982;--muted-2:#a3ada7;--canvas:#f4f6f1;--surface:#fff;--line:#e6eae4;--line-strong:#d9dfd8;
  --green:#1f604f;--green-2:#2d7b64;--green-soft:#eaf4ee;--lime:#d9eab7;--gold:#d1a45f;--gold-soft:#f7f0e4;--blue:#537c94;--blue-soft:#edf3f7;--orange:#aa7042;--orange-soft:#fbf0e5;--red:#ae5551;--red-soft:#f9ecea;
  --shadow:0 8px 24px rgba(19,47,42,.055);--shadow-lg:0 24px 70px rgba(11,32,27,.18);--radius:16px;--radius-sm:11px;--sidebar:262px;
  font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;
}
*{box-sizing:border-box}html{min-width:320px;background:var(--canvas)}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);font-size:14px;line-height:1.5;background:var(--canvas)}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.svg-defs{position:absolute;width:0;height:0;overflow:hidden}.icon{width:18px;height:18px;display:inline-block;vertical-align:middle;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}.icon-sm{width:15px;height:15px}.icon-lg{width:22px;height:22px}
.app-shell{min-height:100vh;display:grid;grid-template-columns:var(--sidebar) minmax(0,1fr)}
.sidebar{height:100vh;position:sticky;top:0;background:#102d27;color:#dfe9e2;display:flex;flex-direction:column;padding:22px 15px 17px;z-index:20;overflow:hidden}
.brand{display:flex;align-items:center;gap:12px;padding:5px 10px 24px;border-bottom:1px solid rgba(226,239,231,.11)}.brand-seal{width:43px;height:43px;border:1px solid rgba(219,234,189,.58);border-radius:50%;display:grid;place-items:center;color:#d8e8b4;background:rgba(217,234,183,.08);position:relative;flex:none}.brand-seal:after{content:"";position:absolute;inset:4px;border:1px solid rgba(219,234,189,.22);border-radius:50%}.brand-seal .icon{width:22px;height:22px}.brand-name{font-size:11px;text-transform:uppercase;letter-spacing:.15em;font-weight:750;color:#f5f7f2;line-height:1.4}.brand-sub{font-size:9px;letter-spacing:.105em;text-transform:uppercase;color:#9db2a7;line-height:1.45;margin-top:4px;max-width:145px}.sidebar-context{padding:17px 11px 8px;color:#87a198;font-size:10px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.side-nav{overflow:auto;flex:1;padding:0 2px 20px;scrollbar-width:thin;scrollbar-color:#446258 transparent}.nav-link{width:100%;min-height:41px;display:flex;align-items:center;gap:12px;padding:9px 12px;border-radius:10px;color:#b9c9c1;font-size:13px;font-weight:550;transition:.15s background,.15s color;border:0;background:transparent;text-align:left;margin:2px 0}.nav-link:hover{background:rgba(255,255,255,.06);color:#fff}.nav-link.active{background:#24483f;color:#f6f7f2;box-shadow:inset 3px 0 0 #d5e7ad}.nav-link.active .icon{color:#d6e9ac}.nav-link .nav-badge{margin-left:auto;border-radius:50px;padding:2px 7px;font-size:10px;color:#d5e7ad;background:rgba(215,231,172,.15)}.nav-link .icon{color:#91a79d;width:17px;height:17px}.nav-separator{height:1px;background:rgba(226,239,231,.1);margin:12px 8px}.side-footer{padding:12px 6px 0;border-top:1px solid rgba(226,239,231,.11)}.env-pill{display:flex;align-items:center;gap:8px;padding:10px 11px;border:1px solid rgba(218,231,223,.11);background:rgba(255,255,255,.035);border-radius:11px;color:#bbcbc3;font-size:11px}.env-dot{width:7px;height:7px;border-radius:50%;background:#a7cf85;box-shadow:0 0 0 4px rgba(167,207,133,.12)}.env-pill strong{color:#e8efe9;font-weight:650}.env-pill span:last-child{margin-left:auto;color:#88a095;font-size:10px}
.main-panel{min-width:0}.topbar{height:76px;background:rgba(255,255,255,.92);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:22px;padding:0 clamp(20px,3vw,42px);position:sticky;top:0;z-index:15;backdrop-filter:blur(12px)}.topbar-left{display:flex;align-items:center;gap:15px;min-width:0}.mobile-menu{display:none}.breadcrumb{display:flex;align-items:center;gap:9px;color:#9aa59e;font-size:12px;white-space:nowrap}.breadcrumb strong{color:#31483f;font-size:13px;font-weight:650}.breadcrumb .icon{width:13px;height:13px;color:#c2cac4}.topbar-right{display:flex;align-items:center;gap:16px}.top-search{position:relative;width:min(270px,26vw)}.top-search input{height:39px;width:100%;border:1px solid #e9ece7;background:#f8f9f6;border-radius:10px;padding:0 36px 0 38px;color:var(--ink);outline:none;font-size:12px;transition:.18s}.top-search input:focus{border-color:#b3c7bc;background:white;box-shadow:0 0 0 3px rgba(45,123,100,.08)}.top-search .icon{position:absolute;left:13px;top:11px;color:#8a9990;width:16px}.top-search kbd{position:absolute;right:9px;top:9px;background:#fff;border:1px solid #e5e9e4;border-radius:5px;color:#9aa59e;padding:1px 5px;font-size:10px;line-height:17px}.icon-button{position:relative;width:38px;height:38px;border:1px solid var(--line);border-radius:11px;background:#fff;color:#64766d;display:grid;place-items:center;transition:.15s}.icon-button:hover{border-color:#cbd8ce;background:#f7faf7;color:var(--green)}.notification-dot{position:absolute;top:8px;right:8px;width:7px;height:7px;border-radius:50%;background:#cf8668;border:1.5px solid white}.profile-wrap{position:relative}.profile-button{display:flex;align-items:center;gap:9px;background:transparent;border:0;padding:3px 1px 3px 5px;color:var(--ink);text-align:left}.avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#e4efdc;color:#37634d;font-size:11px;font-weight:800;border:1px solid #d7e6ce;flex:none}.profile-copy{display:flex;flex-direction:column}.profile-copy strong{font-size:12px;font-weight:700;line-height:1.25}.profile-copy span{font-size:10px;color:var(--muted);margin-top:3px}.profile-button>.icon{color:#91a097;width:14px;height:14px;margin-left:3px}.role-menu{position:absolute;right:0;top:52px;width:258px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-lg);border-radius:14px;padding:9px;z-index:35;display:none}.role-menu.open{display:block;animation:pop .13s ease-out}.role-menu-heading{padding:9px 10px 10px;color:#8d9a92;text-transform:uppercase;font-size:9px;letter-spacing:.13em;font-weight:800}.role-option{width:100%;display:flex;align-items:flex-start;gap:10px;text-align:left;padding:10px;border:0;border-radius:9px;background:white;color:var(--ink);font-size:12px}.role-option:hover,.role-option.selected{background:#f2f6f1}.role-option .role-check{margin-left:auto;color:var(--green)}.role-option strong{display:block;font-size:12px}.role-option small{display:block;color:#8b9890;margin-top:2px;font-size:10px}.demo-chip{border:1px solid #f0dec3;background:#faf4ea;color:#946c36;border-radius:50px;padding:4px 8px;font-size:9px;font-weight:750;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}
.page-content{padding:29px clamp(20px,3vw,42px) 50px;max-width:1580px;margin:0 auto}.page-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin:0 0 24px}.eyebrow{display:flex;align-items:center;gap:8px;color:#87978e;font-size:10px;text-transform:uppercase;letter-spacing:.15em;font-weight:800;margin-bottom:7px}.eyebrow .dot{height:5px;width:5px;border-radius:50%;background:#88a78a}.page-heading h1{font-size:25px;line-height:1.2;letter-spacing:-.04em;margin:0;color:#1b3730;font-weight:730}.page-heading p{color:#88958e;margin:8px 0 0;font-size:12px}.page-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.btn{border:1px solid transparent;border-radius:9px;min-height:39px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 14px;background:#fff;color:#496157;font-size:12px;font-weight:650;transition:.16s;white-space:nowrap}.btn:hover{transform:translateY(-1px);box-shadow:0 5px 14px rgba(20,47,42,.08)}.btn .icon{width:16px;height:16px}.btn-primary{background:var(--green);color:#fff;border-color:var(--green)}.btn-primary:hover{background:#194d40;color:#fff}.btn-soft{background:#edf4ef;color:#28614f;border-color:#e2ece5}.btn-outline{background:#fff;color:#52685e;border-color:#dfe6df}.btn-quiet{background:transparent;color:#708077;border-color:transparent}.btn-warn{background:var(--orange-soft);color:#9b6535;border-color:#f2e2d2}.btn-danger{background:var(--red-soft);color:#a44946;border-color:#f0d9d7}.btn-sm{min-height:31px;padding:0 10px;font-size:11px;border-radius:8px}.btn-icon{width:34px;padding:0}
.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:20px}.stat-grid.six{grid-template-columns:repeat(6,minmax(0,1fr))}.stat-card{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:17px 17px 16px;position:relative;min-height:119px;box-shadow:0 2px 8px rgba(14,45,35,.018);overflow:hidden}.stat-top{display:flex;justify-content:space-between;align-items:center;gap:6px}.stat-label{color:#7d8c83;font-size:11px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stat-icon{height:31px;width:31px;border-radius:9px;display:grid;place-items:center;background:#edf4ed;color:#418265;flex:none}.stat-icon .icon{width:17px;height:17px}.stat-card.gold .stat-icon{background:#f7f0e3;color:#b3823d}.stat-card.blue .stat-icon{background:#eef3f6;color:#59839a}.stat-card.orange .stat-icon{background:#fbf0e6;color:#b67642}.stat-card.red .stat-icon{background:#f8ecea;color:#b25c55}.stat-number{font-size:25px;font-weight:760;letter-spacing:-.045em;margin:11px 0 1px;line-height:1;color:#193930}.stat-foot{font-size:10px;color:#98a49d;display:flex;align-items:center;gap:4px;margin-top:8px}.stat-foot .up{color:#468769;font-weight:700}.stat-foot .warn{color:#a9763d;font-weight:700}.stat-foot .down{color:#a65b53;font-weight:700}.stat-card .mini-spark{position:absolute;right:12px;bottom:10px;opacity:.4;width:46px;height:23px}
.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.75fr);gap:17px;align-items:start}.panel{background:var(--surface);border:1px solid var(--line);border-radius:15px;box-shadow:0 2px 8px rgba(14,45,35,.02);min-width:0}.panel-header{padding:17px 19px 14px;display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.panel-header h2{margin:0;color:#233d34;font-size:13px;font-weight:720;letter-spacing:-.01em}.panel-header p{margin:5px 0 0;color:#909d95;font-size:10px}.panel-header-actions{display:flex;align-items:center;gap:7px}.text-link{display:inline-flex;align-items:center;gap:6px;border:0;background:transparent;padding:4px 0;color:#39745c;font-size:11px;font-weight:700}.text-link:hover{color:#1c503e}.text-link .icon{width:14px;height:14px}.panel-content{padding:0 19px 19px}.welcome-banner{padding:17px 20px 18px;border-radius:15px;margin-bottom:18px;background:linear-gradient(110deg,#173b31 0%,#285945 61%,#3d7351 100%);color:#eef4e9;position:relative;overflow:hidden;display:flex;justify-content:space-between;align-items:center;min-height:133px}.welcome-banner:before{content:"";position:absolute;width:260px;height:260px;border:1px solid rgba(223,239,200,.12);border-radius:50%;right:80px;top:-160px;box-shadow:0 0 0 25px rgba(223,239,200,.025),0 0 0 60px rgba(223,239,200,.022)}.welcome-banner:after{content:"";position:absolute;width:190px;height:190px;border:1px solid rgba(223,239,200,.12);border-radius:50%;right:-48px;bottom:-142px;box-shadow:0 0 0 24px rgba(223,239,200,.025)}.welcome-content{position:relative;z-index:1}.welcome-kicker{display:inline-flex;align-items:center;gap:6px;color:#c8dcad;font-size:9px;letter-spacing:.13em;text-transform:uppercase;font-weight:750}.welcome-banner h1{font-size:21px;letter-spacing:-.04em;margin:8px 0 4px;font-weight:690;line-height:1.2}.welcome-banner p{font-size:11px;color:#d1dfd2;margin:0;max-width:450px}.welcome-banner .btn{position:relative;z-index:1;background:#dcebbb;border-color:#dcebbb;color:#183a30;min-height:37px}.welcome-banner .btn:hover{background:#e9f4d4}.welcome-art{height:75px;width:75px;position:relative;z-index:1;border:1px solid rgba(229,238,211,.35);border-radius:50%;display:grid;place-items:center;margin-right:26px;color:#d7e7b5;background:rgba(243,249,227,.07)}.welcome-art:before,.welcome-art:after{content:"";position:absolute;border:1px solid rgba(229,238,211,.2);border-radius:50%;inset:7px}.welcome-art:after{inset:-7px}.welcome-art .icon{width:34px;height:34px;stroke-width:1.1}
.quick-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.quick-action{border:1px solid #e7ece6;background:#fff;border-radius:11px;padding:12px 12px 11px;display:flex;align-items:center;gap:11px;text-align:left;min-height:61px;transition:.16s}.quick-action:hover{background:#f8fbf8;border-color:#cbdccf;transform:translateY(-1px)}.quick-icon{width:34px;height:34px;border-radius:9px;background:#edf5ef;color:#397558;display:grid;place-items:center;flex:none}.quick-icon.gold{background:#f8f1e6;color:#a9793c}.quick-icon.blue{background:#edf3f6;color:#507a90}.quick-icon.orange{background:#fbf1e8;color:#ae7442}.quick-action strong{display:block;font-size:11px;color:#29443a;font-weight:680}.quick-action span{display:block;color:#94a097;font-size:9px;margin-top:3px}.quick-action .icon{margin-left:auto;width:14px;color:#a3b0a7}
.activity-list{display:flex;flex-direction:column}.activity-item{display:flex;align-items:flex-start;gap:11px;padding:11px 0;border-bottom:1px solid #f0f2ee}.activity-item:first-child{padding-top:3px}.activity-item:last-child{border-bottom:0;padding-bottom:2px}.activity-avatar{width:29px;height:29px;border-radius:50%;display:grid;place-items:center;color:#45715b;background:#eaf1e7;font-size:9px;font-weight:800;flex:none}.activity-avatar.gold{background:#f7f0e3;color:#a87b41}.activity-avatar.blue{background:#ebf1f5;color:#577c91}.activity-avatar.rose{background:#f8edeb;color:#aa625b}.activity-copy{min-width:0;flex:1}.activity-copy p{margin:0;font-size:10px;color:#596a60;line-height:1.45}.activity-copy p strong{color:#283f36;font-weight:700}.activity-copy small{display:block;margin-top:4px;color:#a0aaa3;font-size:9px}.activity-mark{height:7px;width:7px;border-radius:50%;background:#85a683;margin-top:5px;flex:none}.recent-section{margin-top:17px}.table-wrap{overflow-x:auto;border-top:1px solid #eff1ed}.data-table{width:100%;border-collapse:collapse;white-space:nowrap}.data-table th{background:#fbfcfa;color:#9aa59e;font-size:9px;font-weight:750;letter-spacing:.075em;text-transform:uppercase;padding:11px 13px;text-align:left;border-bottom:1px solid #edf0eb}.data-table td{padding:12px 13px;color:#617169;font-size:11px;border-bottom:1px solid #f0f2ef;vertical-align:middle}.data-table tbody tr:hover{background:#fbfcfa}.data-table tbody tr:last-child td{border-bottom:0}.business-cell{display:flex;align-items:center;gap:10px;min-width:205px}.business-mark{height:31px;width:31px;border-radius:9px;background:#edf3e8;color:#527951;display:grid;place-items:center;font-size:10px;font-weight:800;flex:none}.business-mark.amber{background:#f8f0e4;color:#aa7e44}.business-mark.blue{background:#ecf2f5;color:#5b7f92}.business-mark.rose{background:#f7eceb;color:#ad6760}.business-name{display:block;color:#2a4036;font-weight:680;font-size:11px;max-width:205px;overflow:hidden;text-overflow:ellipsis}.business-sub{display:block;color:#9aa59d;font-size:9px;margin-top:3px}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:10px;color:#61746a;letter-spacing:.01em}.status{display:inline-flex;align-items:center;gap:6px;border-radius:20px;padding:4px 8px;font-size:9px;line-height:1.1;font-weight:700;white-space:nowrap}.status:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}.status.verified,.status.printed{color:#347c55;background:#eaf4ec}.status.pending{color:#a77438;background:#faf2e4}.status.registered{color:#5c7b8a;background:#edf3f6}.status.rejected,.status.expired{color:#a44f4a;background:#f9eceb}.table-action{width:29px;height:29px;border:1px solid transparent;border-radius:7px;background:transparent;color:#8c9a92;display:grid;place-items:center}.table-action:hover{background:#eef4ef;color:#367253;border-color:#e1ebe1}.table-action .icon{width:15px;height:15px}.table-actions{display:flex;gap:3px;align-items:center}
/* Records and verification */
.filter-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:13px 17px;border-bottom:1px solid #eff1ed}.filter-left,.filter-right{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.field-search{position:relative;min-width:215px}.field-search .icon{position:absolute;top:10px;left:11px;width:15px;color:#91a097}.field-search input{height:36px;width:100%;padding:0 12px 0 34px;border-radius:8px;border:1px solid #e4e9e3;outline:0;color:#394f44;font-size:11px;background:#fff}.field-search input:focus,.control:focus,select.control:focus,textarea.control:focus{border-color:#99b5a1;box-shadow:0 0 0 3px rgba(48,119,87,.08)}.select-filter{height:36px;padding:0 28px 0 11px;border-radius:8px;border:1px solid #e4e9e3;color:#60736a;background:#fff;font-size:10px;outline:0}.filter-note{color:#9aa59d;font-size:10px}.table-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 17px;border-top:1px solid #eff1ed;color:#95a099;font-size:10px}.pagination{display:flex;gap:5px}.page-num{min-width:27px;height:27px;border:1px solid #e7ebe6;border-radius:7px;background:#fff;color:#79877f;font-size:10px}.page-num.active{background:#edf4ee;border-color:#dce9dd;color:#2a694d;font-weight:750}
.empty-state{padding:46px 20px;text-align:center;color:#8c9991}.empty-icon{margin:0 auto 13px;width:52px;height:52px;border-radius:16px;background:#eff5ee;color:#61906f;display:grid;place-items:center}.empty-icon .icon{width:24px;height:24px}.empty-state h3{font-size:13px;color:#385247;margin:0 0 5px}.empty-state p{font-size:11px;margin:0 0 15px}
/* Forms */
.form-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:16px;align-items:start}.form-panel{padding:19px}.form-section{padding:0 0 18px;margin-bottom:19px;border-bottom:1px solid #edf0eb}.form-section:last-child{border-bottom:0;padding-bottom:0;margin-bottom:0}.form-section-heading{display:flex;align-items:center;gap:9px;margin-bottom:15px}.form-step{height:25px;width:25px;border-radius:8px;background:#edf4ed;color:#367353;display:grid;place-items:center;font-size:10px;font-weight:800}.form-section-heading h2{font-size:12px;margin:0;color:#2a4337;font-weight:720}.form-section-heading p{font-size:10px;color:#99a49d;margin:3px 0 0}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 14px}.form-grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.field{min-width:0}.field.full{grid-column:1/-1}.field label{display:flex;align-items:center;gap:4px;margin:0 0 6px;font-size:10px;font-weight:670;color:#556a5f}.required{color:#c16d60}.optional{font-weight:450;color:#a0aaa3}.control{width:100%;height:38px;border:1px solid #e4e9e3;border-radius:8px;padding:0 11px;outline:0;font-size:11px;color:#344d40;background:#fff;transition:.15s}.control::placeholder{color:#b4bdb7}.control:disabled{background:#f7f8f5;color:#88958d}.control.textarea{height:78px;resize:vertical;padding-top:9px;line-height:1.5}.control.select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%238b9990' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 11px center;padding-right:32px}.field-hint{font-size:9px;color:#9aa59d;margin:5px 0 0}.number-control{height:38px;display:flex;align-items:center;border:1px solid #e4e9e3;border-radius:8px;background:#f8faf7;padding:0 11px;color:#77867c;font-family:ui-monospace,monospace;font-size:11px}.upload-zone{border:1px dashed #cdd9ce;border-radius:10px;background:#fafcf9;padding:14px;display:flex;align-items:center;gap:11px;cursor:pointer}.upload-icon{height:34px;width:34px;border-radius:9px;background:#ecf4ec;color:#397553;display:grid;place-items:center}.upload-zone strong{font-size:10px;color:#4c6355;display:block}.upload-zone small{font-size:9px;color:#98a59c;display:block;margin-top:3px}.upload-zone input{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px}.side-note{padding:16px;border-radius:12px;background:#eff5ed;border:1px solid #e4ede1;margin-bottom:13px}.side-note h3{font-size:11px;color:#355743;margin:0 0 8px;display:flex;align-items:center;gap:7px}.side-note p{font-size:10px;color:#74867a;margin:0;line-height:1.65}.step-list{display:flex;flex-direction:column;gap:10px;margin-top:14px}.step-item{display:flex;align-items:center;gap:9px;font-size:10px;color:#7a8b80}.step-number{height:21px;width:21px;border-radius:50%;background:#fff;border:1px solid #dfe8de;color:#5f8064;display:grid;place-items:center;font-size:9px;font-weight:750}.form-actions{display:flex;justify-content:flex-end;gap:8px;padding-top:17px;border-top:1px solid #edf0eb;margin-top:18px}.callout{display:flex;align-items:flex-start;gap:9px;padding:12px 13px;border-radius:10px;background:#fbf6e9;color:#8b713f;border:1px solid #f1e9d4;font-size:10px;line-height:1.55}.callout .icon{width:15px;height:15px;margin-top:1px;flex:none}
/* Details */
.detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:16px;align-items:start}.detail-hero{background:linear-gradient(110deg,#163b31,#2f674a);border-radius:14px;color:#f0f5ea;padding:19px 21px;display:flex;justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:14px;position:relative;overflow:hidden}.detail-hero:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.13);width:190px;height:190px;border-radius:50%;right:65px;top:-135px;box-shadow:0 0 0 25px rgba(255,255,255,.035)}.detail-hero-main{position:relative;z-index:1}.detail-hero .eyebrow{color:#cadbb7}.detail-hero h1{font-size:20px;letter-spacing:-.03em;margin:3px 0 6px}.detail-hero p{margin:0;color:#d4e2d3;font-size:10px}.detail-hero .status{background:rgba(255,255,255,.13);color:#e9f4db}.detail-card{padding:18px 19px;margin-bottom:13px}.detail-card h2{margin:0 0 14px;color:#304a3d;font-size:12px}.detail-kv{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 22px}.kv-label{display:block;color:#9ba69f;font-size:9px;text-transform:uppercase;letter-spacing:.08em;font-weight:700;margin-bottom:5px}.kv-value{font-size:11px;color:#364e41;font-weight:600;overflow-wrap:anywhere}.timeline{display:flex;flex-direction:column;gap:0}.timeline-item{display:flex;gap:11px;position:relative;padding:0 0 15px}.timeline-item:not(:last-child):before{content:"";position:absolute;left:9px;top:21px;bottom:0;width:1px;background:#e5ebe4}.timeline-dot{width:19px;height:19px;border-radius:50%;background:#edf4ed;border:1px solid #dfe9df;color:#508163;display:grid;place-items:center;z-index:1;flex:none}.timeline-dot .icon{width:10px;height:10px}.timeline-copy strong{font-size:10px;color:#42594b;display:block}.timeline-copy small{font-size:9px;color:#9aa59d;display:block;margin-top:3px}
/* Certificates */
.cert-list-row{display:flex;align-items:center;gap:12px}.cert-icon{width:38px;height:38px;border-radius:10px;background:#f7f1e6;color:#ac8143;display:grid;place-items:center;flex:none}.cert-icon .icon{width:18px;height:18px}.certificate-stage{padding:22px;background:#e9eee9;border-radius:15px;overflow:auto}.certificate-paper{width:min(920px,100%);min-width:640px;aspect-ratio:1.414;background:#fffdf8;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 9px 30px rgba(24,52,41,.16);padding:40px 48px;color:#1d392f}.certificate-paper:before{content:"";position:absolute;inset:13px;border:1px solid rgba(168,133,72,.55);pointer-events:none}.certificate-paper:after{content:"";position:absolute;inset:18px;border:1px solid rgba(168,133,72,.2);pointer-events:none}.cert-decoration{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 0%,rgba(223,235,206,.33),transparent 45%),linear-gradient(135deg,transparent 48%,rgba(208,179,119,.045) 49%,transparent 50%)}.cert-head{position:relative;display:grid;grid-template-columns:74px 1fr 74px;align-items:center;text-align:center;margin:9px 12px 0}.cert-seal{height:64px;width:64px;border-radius:50%;border:1px solid #af8a4c;color:#826a3f;background:rgba(255,255,255,.65);display:grid;place-items:center;margin:auto}.cert-seal .icon{width:31px;height:31px}.cert-ministry{text-transform:uppercase;font-weight:800;letter-spacing:.14em;font-size:15px;color:#1b483a}.cert-ministry small{display:block;letter-spacing:.2em;font-size:9px;color:#977c4b;margin-top:6px}.cert-divider{height:1px;background:linear-gradient(90deg,transparent,#b99b60,transparent);margin:21px auto 18px;max-width:590px}.cert-title{position:relative;text-align:center;text-transform:uppercase;letter-spacing:.22em;color:#856a3c;font-family:Georgia,serif;font-weight:700;font-size:16px}.cert-subtitle{font-family:Georgia,serif;text-align:center;color:#65786d;font-size:12px;font-style:italic;margin-top:7px}.cert-business-name{text-align:center;font-family:Georgia,serif;color:#17392e;font-weight:700;font-size:33px;letter-spacing:.01em;margin:21px 0 8px}.cert-description{text-align:center;color:#68796e;font-size:12px;max-width:620px;margin:0 auto;line-height:1.8}.cert-detail-band{margin:22px auto 0;max-width:620px;border-top:1px solid #e6decb;border-bottom:1px solid #e6decb;padding:12px 18px;display:grid;grid-template-columns:1fr 1fr 1fr;text-align:center}.cert-detail-band span{font-size:9px;color:#9b8a69;text-transform:uppercase;letter-spacing:.12em}.cert-detail-band strong{display:block;margin-top:5px;color:#314b3c;font-family:ui-monospace,monospace;font-size:11px}.cert-bottom{position:absolute;left:70px;right:70px;bottom:47px;display:grid;grid-template-columns:1fr 110px 1fr;align-items:end;gap:20px}.cert-signature{text-align:center}.signature-line{border-top:1px solid #9b8c6a;padding-top:7px;color:#415749;font-size:10px;font-weight:700}.signature-line small{display:block;color:#96845e;font-size:8px;font-weight:500;margin-top:3px}.cert-qr{width:78px;height:78px;padding:6px;background:#fff;border:1px solid #ded6c2;display:grid;place-items:center;margin:auto}.qr-grid{display:grid;grid-template-columns:repeat(13,1fr);gap:1px;width:100%;height:100%}.qr-cell{background:transparent}.qr-cell.on{background:#233f33}.qr-label{text-align:center;color:#89754f;font-family:ui-monospace,monospace;font-size:7px;margin-top:3px}.cert-footer-note{position:absolute;bottom:22px;left:0;right:0;text-align:center;color:#978864;font-size:8px;letter-spacing:.08em}.certificate-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 0 0;color:#7f8b84;font-size:10px}.template-workspace{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:15px;align-items:start}.designer-canvas-wrap{padding:18px;border-radius:13px;background:#e9eee9;overflow:auto}.designer-paper{width:min(760px,100%);min-width:560px;aspect-ratio:1.414;background:#fffdf8;border:1px solid #d8d4c7;box-shadow:0 6px 22px rgba(20,44,35,.12);margin:0 auto;position:relative;overflow:hidden;color:#183a2e}.designer-paper:before{content:"";position:absolute;inset:13px;border:1px solid #d3bc8c;pointer-events:none}.designer-head{text-align:center;padding-top:34px;pointer-events:none}.designer-ministry{font-size:10px;text-transform:uppercase;letter-spacing:.17em;font-weight:800}.designer-title{font:700 16px Georgia,serif;letter-spacing:.14em;color:#8a7042;margin-top:24px}.designer-field{position:absolute;cursor:grab;user-select:none;touch-action:none;padding:3px 6px;border:1px dashed transparent;border-radius:4px}.designer-field:hover,.designer-field.selected{border-color:#5a946c;background:rgba(224,241,225,.65)}.designer-field:active{cursor:grabbing}.designer-business{left:50%;top:42%;transform:translate(-50%,-50%);font:700 24px Georgia,serif;white-space:nowrap}.designer-reg{left:50%;top:58%;transform:translate(-50%,-50%);font:11px ui-monospace,monospace}.designer-lga{left:50%;top:68%;transform:translate(-50%,-50%);font:11px system-ui}.designer-date{left:50%;top:76%;transform:translate(-50%,-50%);font:10px system-ui}.designer-side{padding:16px}.designer-side h2{font-size:12px;margin:0 0 4px;color:#304a3d}.designer-side>p{font-size:9px;color:#97a39a;margin:0 0 15px}.designer-control{margin-bottom:12px}.designer-control label{font-size:9px;color:#708176;font-weight:700;display:block;margin-bottom:5px}.designer-control input[type=color]{width:100%;height:34px;border:1px solid #e5e9e3;border-radius:7px;padding:3px;background:#fff}.template-element-list{display:flex;flex-wrap:wrap;gap:6px}.element-chip{border:1px solid #e6ebe5;background:#fff;border-radius:20px;padding:5px 8px;font-size:9px;color:#668072}.designer-help{font-size:9px;color:#94a097;line-height:1.55;padding:10px;background:#f6f8f4;border-radius:8px;margin-top:13px}
/* Reports/settings */
.report-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.report-card{padding:17px}.report-card h3{font-size:11px;color:#425a4d;margin:0 0 6px}.report-card p{font-size:10px;color:#98a49c;margin:0 0 14px}.report-number{font-size:23px;font-weight:760;color:#1d4437;letter-spacing:-.04em}.report-card .report-foot{font-size:9px;color:#9aa69e;margin-top:6px}.bar-chart{height:154px;display:flex;align-items:flex-end;gap:12px;padding:12px 5px 0;border-bottom:1px solid #e9ede8}.bar-group{height:100%;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:7px}.bar-stack{height:115px;width:100%;display:flex;align-items:flex-end;justify-content:center;gap:3px}.bar{width:13px;max-width:35%;border-radius:4px 4px 1px 1px;background:#a8c79d;min-height:3px}.bar.alt{background:#d7e5c8}.bar-label{font-size:8px;color:#98a39d}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 0;border-bottom:1px solid #eff1ed}.settings-row:last-child{border-bottom:0}.settings-row strong{display:block;color:#3b5246;font-size:11px}.settings-row small{display:block;color:#98a49c;font-size:9px;margin-top:4px}.toggle{position:relative;width:35px;height:20px;border:0;border-radius:20px;background:#dfe5df;padding:0;transition:.15s}.toggle:after{content:"";position:absolute;top:3px;left:3px;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.15);transition:.15s}.toggle.on{background:#4a8a67}.toggle.on:after{left:18px}
/* modal, toasts, public verify */
.modal-backdrop{position:fixed;inset:0;background:rgba(12,33,28,.48);backdrop-filter:blur(3px);z-index:80;display:flex;align-items:center;justify-content:center;padding:22px;animation:fade .15s}.modal{background:#fff;border-radius:16px;box-shadow:var(--shadow-lg);width:min(560px,100%);max-height:min(88vh,780px);overflow:auto;animation:pop .16s}.modal.wide{width:min(850px,100%)}.modal-head{position:sticky;top:0;background:#fff;z-index:2;padding:17px 20px;border-bottom:1px solid #eef0ec;display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.modal-head h2{font-size:14px;margin:0;color:#294338}.modal-head p{font-size:10px;margin:4px 0 0;color:#94a098}.modal-close{height:30px;width:30px;border:1px solid #e7ebe6;background:#fff;border-radius:8px;color:#76857b;display:grid;place-items:center}.modal-body{padding:18px 20px}.modal-foot{display:flex;justify-content:flex-end;gap:8px;padding:13px 20px;border-top:1px solid #eef0ec;position:sticky;bottom:0;background:#fff}.toast-region{position:fixed;z-index:100;right:20px;bottom:20px;display:flex;flex-direction:column;gap:9px;max-width:min(370px,calc(100vw - 40px))}.toast{display:flex;gap:10px;align-items:flex-start;background:#173b30;color:#eef5ec;border-radius:11px;padding:12px 14px;box-shadow:var(--shadow-lg);font-size:11px;animation:slideIn .2s}.toast.error{background:#763c38}.toast .icon{width:17px;height:17px;color:#c7e1ac;flex:none}.toast strong{display:block;margin-bottom:2px;font-size:11px}.toast span{font-size:10px;color:#d7e3d8}.verify-public{min-height:100vh;background:linear-gradient(145deg,#f4f6f1,#e9efe6);padding:40px 18px;display:grid;place-items:center}.verify-card{width:min(620px,100%);background:#fff;border:1px solid #e4eae3;border-radius:20px;box-shadow:0 15px 50px rgba(24,57,43,.1);overflow:hidden}.verify-brand{background:#14392e;color:#ecf3e8;padding:20px 24px;display:flex;align-items:center;gap:11px}.verify-brand .brand-seal{height:38px;width:38px}.verify-brand strong{display:block;font-size:11px;letter-spacing:.06em}.verify-brand small{display:block;font-size:9px;color:#b7c9ba;margin-top:3px}.verify-main{padding:26px}.verify-main h1{font-size:21px;letter-spacing:-.04em;margin:0;color:#224235}.verify-main>p{font-size:11px;color:#87958c;margin:7px 0 17px}.verify-form{display:flex;gap:8px}.verify-form .control{height:42px}.verify-result{margin-top:20px;border:1px solid #deebdf;border-radius:12px;padding:17px;background:#f5faf5}.verify-result.invalid{background:#fcf3f1;border-color:#efd9d6}.verify-result-title{display:flex;align-items:center;gap:8px;color:#31714d;font-weight:750;font-size:13px}.verify-result.invalid .verify-result-title{color:#a24f47}.verify-result-title .icon{height:21px;width:21px}.verify-result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin-top:14px}.verify-result-grid .kv-label{font-size:8px}.verify-result-grid .kv-value{font-size:10px}.verify-footer{text-align:center;font-size:9px;color:#a0aaa3;padding:14px;border-top:1px solid #f0f2ef}
.login-page{min-height:100vh;display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.8fr);background:#f6f8f3}.login-brand-panel{background:#14392f;color:#edf4e8;display:flex;flex-direction:column;justify-content:space-between;padding:36px 44px;position:relative;overflow:hidden}.login-brand-panel:before{content:"";position:absolute;border-radius:50%;height:620px;width:620px;border:1px solid rgba(222,239,201,.14);right:-170px;top:15%;box-shadow:0 0 0 35px rgba(222,239,201,.025),0 0 0 80px rgba(222,239,201,.02)}.login-brand-panel:after{content:"";position:absolute;border-radius:50%;height:230px;width:230px;border:1px solid rgba(222,239,201,.15);right:8%;bottom:10%;box-shadow:0 0 0 27px rgba(222,239,201,.025)}.login-brand-content{position:relative;z-index:1;max-width:470px;margin:auto 0}.login-brand-content .brand-seal{width:58px;height:58px;margin-bottom:35px}.login-brand-content .brand-seal .icon{width:28px;height:28px}.login-brand-content h1{font-size:36px;line-height:1.1;letter-spacing:-.05em;max-width:440px;margin:0 0 18px}.login-brand-content p{font-size:13px;line-height:1.75;color:#c3d2c4;max-width:420px}.login-feature-list{display:flex;flex-direction:column;gap:12px;margin-top:32px}.login-feature{display:flex;align-items:center;gap:10px;color:#d7e4d7;font-size:11px}.login-feature .icon{color:#d3e5ae;width:17px}.login-brand-foot{position:relative;z-index:1;color:#9eb4a3;font-size:9px;letter-spacing:.06em}.login-form-panel{display:grid;place-items:center;padding:30px}.login-form-card{width:min(390px,100%)}.login-form-card h2{font-size:22px;letter-spacing:-.04em;margin:0;color:#1e3b30}.login-form-card>p{font-size:11px;color:#87958c;margin:7px 0 23px}.login-form-card .field{margin-bottom:14px}.login-form-card .btn{width:100%;margin-top:7px}.login-helper{font-size:9px;color:#9ba69f;text-align:center;margin-top:17px}.auth-error{background:#fcf0ee;color:#9e514b;padding:10px 12px;border-radius:8px;font-size:10px;margin-bottom:14px}
.mobile-overlay{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.muted{color:#93a097}.nowrap{white-space:nowrap}.right{text-align:right}.mt-12{margin-top:12px}.mb-0{margin-bottom:0!important}.w-full{width:100%}.hide{display:none!important}
@keyframes fade{from{opacity:0}to{opacity:1}}@keyframes pop{from{opacity:0;transform:translateY(5px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes slideIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1250px){:root{--sidebar:235px}.stat-grid.six{grid-template-columns:repeat(3,minmax(0,1fr))}.stat-grid.six .stat-card{min-height:110px}}
@media(max-width:980px){.app-shell{grid-template-columns:72px minmax(0,1fr)}.sidebar{padding:18px 9px}.brand{justify-content:center;padding:4px 0 20px}.brand-copy,.sidebar-context,.nav-label,.nav-badge,.env-pill>span:not(.env-dot){display:none}.brand-seal{width:42px;height:42px}.nav-link{justify-content:center;padding:10px 0;position:relative}.nav-link .icon{width:19px;height:19px}.nav-link:hover:after{content:attr(data-label);position:absolute;left:61px;top:50%;transform:translateY(-50%);padding:6px 9px;border-radius:6px;background:#1c4136;color:#fff;white-space:nowrap;font-size:10px;z-index:30;box-shadow:var(--shadow)}.nav-separator{margin:10px 5px}.side-footer{padding:10px 0 0}.env-pill{justify-content:center;padding:10px 0}.env-dot{flex:none}.form-layout,.detail-grid{grid-template-columns:minmax(0,1fr) 250px}.template-workspace{grid-template-columns:minmax(0,1fr) 245px}.dashboard-grid{grid-template-columns:minmax(0,1.3fr) minmax(260px,.8fr)}}
@media(max-width:720px){.app-shell{display:block}.sidebar{position:fixed;left:0;top:0;bottom:0;width:270px;height:100dvh;padding:20px 15px;transform:translateX(-102%);transition:transform .22s;box-shadow:var(--shadow-lg)}.sidebar.open{transform:translateX(0)}.brand{justify-content:flex-start;padding:4px 10px 22px}.brand-copy,.sidebar-context,.nav-label,.nav-badge,.env-pill>span:not(.env-dot){display:block}.nav-link{justify-content:flex-start;padding:9px 12px}.nav-link .icon{width:17px;height:17px}.nav-separator{margin:12px 8px}.env-pill{justify-content:flex-start;padding:10px 11px}.mobile-overlay.open{display:block;position:fixed;inset:0;background:rgba(7,23,18,.45);z-index:19}.mobile-menu{display:grid}.topbar{height:64px;padding:0 15px;gap:8px}.breadcrumb{display:none}.topbar-right{gap:8px}.top-search{width:min(34vw,175px)}.top-search input{height:36px;font-size:10px}.top-search kbd{display:none}.top-search .icon{top:10px}.profile-copy,.profile-button>.icon,.demo-chip{display:none}.avatar{height:33px;width:33px}.page-content{padding:22px 14px 40px}.page-heading{align-items:flex-start;flex-direction:column;gap:14px;margin-bottom:18px}.page-heading h1{font-size:23px}.page-actions{width:100%}.page-actions .btn{flex:1}.stat-grid,.stat-grid.six{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-bottom:13px}.stat-card{padding:13px;min-height:105px}.stat-number{font-size:22px}.stat-label{font-size:10px}.dashboard-grid{grid-template-columns:1fr;gap:12px}.welcome-banner{min-height:125px;padding:16px}.welcome-banner h1{font-size:19px}.welcome-art{height:55px;width:55px;margin-right:6px;flex:none}.welcome-art .icon{width:26px}.quick-grid{gap:7px}.quick-action{padding:10px;gap:8px}.quick-action span{font-size:8px}.panel-header{padding:15px 14px 12px}.panel-content{padding:0 14px 14px}.recent-section{margin-top:12px}.filter-bar{padding:11px;align-items:stretch}.filter-left,.filter-right{width:100%}.field-search{flex:1;min-width:0}.select-filter{flex:1;min-width:0}.form-layout,.detail-grid,.template-workspace{grid-template-columns:1fr}.form-layout>.panel:last-child{order:-1}.form-panel{padding:15px}.form-grid,.form-grid.cols-3{grid-template-columns:1fr}.field.full{grid-column:auto}.detail-hero{padding:16px}.detail-kv{grid-template-columns:1fr 1fr;gap:13px}.certificate-stage{padding:10px}.certificate-paper{min-width:550px}.certificate-meta{align-items:flex-start;flex-direction:column}.report-grid{grid-template-columns:1fr 1fr}.designer-side{order:-1}.designer-canvas-wrap{padding:10px}.designer-paper{min-width:520px}.login-page{grid-template-columns:1fr}.login-brand-panel{display:none}.login-form-panel{min-height:100vh;padding:25px}.verify-main{padding:21px}.verify-form{flex-direction:column}.verify-result-grid{grid-template-columns:1fr 1fr}.topbar .icon-button{height:34px;width:34px}}
@media(max-width:440px){.top-search{width:min(31vw,125px)}.top-search input{padding-left:32px;padding-right:7px}.top-search input::placeholder{color:transparent}.topbar-right{gap:6px}.stat-icon{height:27px;width:27px}.stat-card{min-height:102px}.welcome-art{display:none}.page-heading h1{font-size:21px}.quick-action{min-height:59px}.quick-icon{width:30px;height:30px}.report-grid{grid-template-columns:1fr}.verify-result-grid{grid-template-columns:1fr}.login-form-panel{padding:20px}.modal-backdrop{padding:10px}.modal-body{padding:14px}.modal-head{padding:14px}.modal-foot{padding:11px 14px}}
@media print{body{background:#fff}.app-shell,.modal-backdrop,.toast-region{display:none!important}.print-root{display:block!important}.certificate-paper{box-shadow:none;margin:0;width:100%;min-width:0;page-break-inside:avoid}.certificate-stage{background:#fff;padding:0}.certificate-paper:before,.certificate-paper:after{-webkit-print-color-adjust:exact;print-color-adjust:exact}@page{size:A4 landscape;margin:0}}

/* Server-rendered application additions */
.page-shell-content{min-height:calc(100vh - 76px)}
.logout-form{margin:0;padding:0;display:flex}
.logout-form .icon-button{width:35px;height:35px}
.inline-action{display:inline-flex;margin:0;vertical-align:middle}
.inline-action .btn{white-space:nowrap}
.flash-message{display:flex;align-items:center;gap:10px;padding:11px 14px;margin:15px clamp(14px,3vw,42px) 0;border-radius:10px;border:1px solid #dbe9dd;background:#f1f7ef;color:#376748;font-size:11px;box-shadow:0 3px 10px rgba(20,47,42,.035)}
.page-shell-content>.flash-message{margin-left:clamp(20px,3vw,42px);margin-right:clamp(20px,3vw,42px)}
.flash-message>span{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#e2f0e3;flex:none}.flash-message .icon{width:14px;height:14px}.flash-message button{margin-left:auto;border:0;background:transparent;color:inherit;font-size:18px;line-height:1;opacity:.6}.flash-message.error{background:#fbefed;border-color:#f0dbd7;color:#a14e46}.flash-message.error>span{background:#f5dfdc}.flash-message.info{background:#edf3f7;border-color:#dbe6ec;color:#4d6f84}.public-flashes{position:fixed;top:12px;left:50%;transform:translateX(-50%);z-index:30;width:min(520px,calc(100vw - 24px))}.public-flashes .flash-message{margin:0 0 9px;box-shadow:var(--shadow-lg)}
.audit-details{margin-top:5px;font-size:9px;color:#60756a}.audit-details summary{cursor:pointer;color:#3c7658;font-weight:700}.audit-details pre{max-width:320px;max-height:180px;overflow:auto;white-space:pre-wrap;padding:8px;background:#f6f8f5;border-radius:7px;font-size:9px}
.lga-report-row{padding:9px 0;border-bottom:1px solid #f0f2ef}.lga-report-label{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#6b7b71;margin-bottom:6px}.lga-report-label strong{color:#324b3e}.progress-track{height:5px;border-radius:6px;background:#eef2ed;overflow:hidden}.progress-track i{height:100%;display:block;background:#91b58c;border-radius:6px}
.file-control{height:auto;min-height:36px;padding:6px;font-size:10px}.file-control::file-selector-button{border:1px solid #e1e8e1;background:#f3f7f2;color:#476450;border-radius:6px;padding:5px 8px;margin-right:8px;font-size:9px;font-weight:650;cursor:pointer}
.designer-background-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.19;z-index:0;pointer-events:none}.designer-logo{display:block;max-width:90px;max-height:38px;object-fit:contain;margin:0 auto 5px}.designer-head,.designer-field{z-index:1}.certificate-background-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.17;z-index:0;pointer-events:none}.cert-logo-image{width:40px;height:40px;object-fit:contain;display:block}.cert-template-field{position:absolute;z-index:2;white-space:nowrap;text-align:center;max-width:84%;color:#345042}.cert-business-name{margin:0;font-size:30px;font-weight:700;line-height:1.1;color:#17392e}.cert-registration-field,.cert-lga-field,.cert-dates-field{font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:9px;display:flex;align-items:center;justify-content:center;gap:7px}.cert-registration-field{display:block;text-align:center}.cert-template-field>span{color:#927e56;text-transform:uppercase;letter-spacing:.08em;font-size:8px}.cert-template-field>strong{color:#314b3c;font-size:10px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.cert-field-separator{color:#c3b58f!important;font-size:14px!important;letter-spacing:0!important}.cert-description{position:absolute;top:49%;left:50%;transform:translateX(-50%);width:min(640px,78%);margin:0;text-align:center;font-size:10px;line-height:1.75;color:#697a6e;z-index:2}.cert-bottom{z-index:2}.cert-signature{position:relative}.signature-script{height:24px;color:#9b8255;font-family:cursive;font-style:italic;font-size:16px;text-align:center}.stamp-placeholder{height:25px;width:54px;border:1px solid rgba(160,77,67,.44);border-radius:50%;margin:0 auto 1px;display:grid;place-items:center;text-align:center;color:#a35d52;font-size:6px;line-height:1.1;letter-spacing:.08em;transform:rotate(-9deg)}.cert-verification{text-align:center}.cert-verification .cert-qr{margin:auto}.cert-qr img{width:100%;height:100%;object-fit:contain;display:block}.qr-unavailable{width:100%;height:100%;display:grid;place-items:center;color:#496d54;background:#f3f6ef}.qr-unavailable .icon{width:33px;height:33px}.cert-footer-note{z-index:2;font-size:7px;overflow:hidden;white-space:nowrap;padding:0 8px}
@media(max-width:720px){.page-shell-content>.flash-message{margin-left:14px;margin-right:14px}.logout-form .icon-button{width:33px}.cert-template-field{max-width:88%;white-space:normal}.cert-business-name{font-size:24px}.cert-description{font-size:9px;top:49%}}
@media print{body{background:#fff!important}.page-content.certificate-page{max-width:none;padding:0;margin:0}.certificate-stage{border-radius:0}.certificate-paper{width:100%;height:100vh;aspect-ratio:auto}.certificate-background-image{opacity:.17;-webkit-print-color-adjust:exact;print-color-adjust:exact}.cert-decoration,.certificate-paper,.certificate-paper *{-webkit-print-color-adjust:exact;print-color-adjust:exact}.no-print{display:none!important}}
.notification-list{display:flex;flex-direction:column;gap:7px}.notification-row{width:100%;display:flex;align-items:center;gap:9px;padding:9px 10px;border:1px solid #edf0eb;border-radius:9px;background:#fff;text-align:left;color:#65746a;transition:.15s}.notification-row:hover{background:#fafcf9;border-color:#dfe9df}.notification-row>.icon{width:13px;height:13px;color:#9daaa1}.notification-mark{height:27px;width:27px;border-radius:8px;background:#f8f1e4;color:#a67a3f;display:grid;place-items:center;flex:none}.notification-mark .icon{width:14px;height:14px}.notification-row.returned .notification-mark{background:#f8edeb;color:#a86059}.notification-row.renewal .notification-mark{background:#edf3f6;color:#557d91}.notification-row .notification-copy{display:block;min-width:0;flex:1}.notification-copy strong{display:block;color:#455c4e;font-size:9px;font-weight:700;line-height:1.4}.notification-copy small{display:block;color:#94a097;font-size:8px;margin-top:2px}.notification-empty{display:flex;align-items:center;gap:9px;padding:11px;border:1px solid #e9efe8;border-radius:9px;background:#f8fbf7;color:#4d805e}.notification-empty>.icon{width:17px;height:17px}.notification-empty strong{display:block;font-size:10px}.notification-empty small{display:block;font-size:9px;color:#92a097;margin-top:3px}
.role-form{display:inline-flex;align-items:center;gap:5px;margin:0}.role-form .select-filter{max-width:150px;height:31px;font-size:9px}.role-form .btn{min-height:31px}
.designer-section-title{grid-column:1/-1;margin:9px 0 0;padding-top:9px;border-top:1px solid #edf0eb;color:#405a49;font-size:11px}
.designer-head{position:relative}.designer-title{font-family:inherit}.designer-body-preview{position:absolute;z-index:1;top:31%;left:12%;width:76%;text-align:center;line-height:1.6}
.designer-signature{position:absolute;z-index:2;bottom:6%;width:25%;height:35px;border-bottom:1px solid #9ca99f;text-align:center;font-size:8px;color:#697a6e;display:flex;align-items:flex-end;justify-content:center}
.designer-signature-left{left:7%}.designer-signature-right{right:7%}.designer-signature img{max-width:100%;max-height:32px;object-fit:contain}.designer-qr-preview{position:absolute;z-index:2;left:50%;bottom:5%;transform:translateX(-50%);display:grid;place-items:center;border:1px solid #b8c5b8;background:repeating-conic-gradient(#354b3e 0% 25%,#fff 0% 50%) 50%/8px 8px;color:#fff;font-size:9px;font-weight:700;text-shadow:0 1px 2px #000}.designer-qr-preview[data-align=left]{left:25%}.designer-qr-preview[data-align=right]{left:75%}
.cert-head{font-size:inherit}.cert-ministry{font-family:inherit}.cert-title{font-family:inherit}
.cert-bottom{grid-template-columns:1fr auto 1fr}.cert-signature-image{display:block;width:100%;height:34px;object-fit:contain;object-position:center bottom;margin:0 auto 2px}
.qr-align-left .cert-verification{grid-column:1;grid-row:1}.qr-align-left .cert-signature-left{grid-column:2;grid-row:1}.qr-align-left .cert-signature-right{grid-column:3;grid-row:1}
.qr-align-right .cert-signature-left{grid-column:1;grid-row:1}.qr-align-right .cert-signature-right{grid-column:2;grid-row:1}.qr-align-right .cert-verification{grid-column:3;grid-row:1}
.qr-align-center .cert-signature-left{grid-column:1;grid-row:1}.qr-align-center .cert-verification{grid-column:2;grid-row:1}.qr-align-center .cert-signature-right{grid-column:3;grid-row:1}
.qr-disabled .cert-bottom{grid-template-columns:1fr 1fr}.qr-disabled .cert-signature-left{grid-column:1;grid-row:1}.qr-disabled .cert-signature-right{grid-column:2;grid-row:1}
.designer-watermark,.certificate-watermark{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:auto;height:auto;max-width:55%;max-height:58%;object-fit:contain;pointer-events:none}
.certificate-paper{width:920px;min-width:920px}.template-artwork-preview{cursor:default}.template-artwork-preview .designer-field{cursor:grab}.template-artwork-preview .cert-description{white-space:pre-line}.certificate-paper .cert-seal{overflow:visible}
@media print{.certificate-paper{width:100%;min-width:0}}
.cert-business-name{width:84%;max-width:84%;box-sizing:border-box;white-space:normal;overflow-wrap:anywhere;word-break:normal;line-height:1.08;text-transform:uppercase}
.designer-watermark{z-index:1}.certificate-watermark{z-index:1}
.designer-head,.designer-body-preview,.designer-field,.designer-signature{z-index:2}.designer-field{z-index:4;cursor:move;touch-action:none}.designer-field.selected{z-index:5;outline:1px dashed #4d886e;outline-offset:3px}
.designer-body-preview{white-space:pre-line}.designer-title{white-space:pre-line}
.designer-logo{max-width:none;max-height:none;object-fit:contain}
.designer-logo[data-align=left]{margin-left:0;margin-right:auto}.designer-logo[data-align=center]{margin-left:auto;margin-right:auto}.designer-logo[data-align=right]{margin-left:auto;margin-right:0}
.designer-logo[hidden]{display:none}
.designer-signature{min-height:35px;padding-bottom:2px;flex-direction:column;align-items:center;justify-content:flex-end}
.designer-signature small{display:block;font-size:6px;line-height:1.3;white-space:pre-line}
.cert-head,.cert-divider,.cert-title,.cert-subtitle{position:relative;z-index:2}
.cert-title{white-space:pre-line}
.signature-line{white-space:pre-line;line-height:1.35}
.cert-template-field.cert-rich-text>span,.cert-template-field.cert-rich-text>strong{font-family:inherit;font-size:inherit;color:inherit;text-transform:none;letter-spacing:normal}
.certificate-paper{position:relative;width:min(794px,100%);min-width:0;height:auto;aspect-ratio:210/297;overflow:hidden;background:#fff}
.certificate-paper .cert-decoration{position:absolute;inset:2.5%;border:1px solid rgba(199,162,93,.6);pointer-events:none}
.cert-template-field{max-width:82%;white-space:normal;line-height:1.45}
.cert-template-field.cert-rich-text{width:78%;text-align:center}
.cert-business-name{width:82%;white-space:normal;font-size:27px}
.cert-description{width:78%;max-width:78%;white-space:normal;line-height:1.65}
.cert-subtitle{position:absolute;top:27%;left:50%;transform:translate(-50%,-50%);z-index:2}
.cert-head{max-width:84%;white-space:normal}
.cert-bottom{position:absolute;left:8%;right:8%;bottom:5%;display:flex;justify-content:space-between;align-items:flex-end;height:42px}
.cert-signature{width:30%;height:30px;border-bottom:1px solid #9ca99f}
.cert-verification{position:absolute;z-index:3}
.cert-footer-note{position:absolute;left:7%;right:7%;bottom:1.5%;text-align:center}
.template-artwork-preview{max-width:100%;margin:0 auto;cursor:default}
.template-artwork-preview .designer-field{z-index:4;cursor:move;touch-action:none}
.template-artwork-preview .designer-field.selected{z-index:5}
.certificate-paper .cert-decoration{inset:2.5%;border:3px double rgba(88,83,69,.72);outline:1px solid rgba(88,83,69,.55);outline-offset:-9px}
.certificate-paper .cert-title{position:absolute;left:50%;top:32%;transform:translate(-50%,-50%);width:72%;max-width:72%;font-size:25px;letter-spacing:.08em;text-transform:uppercase;color:#363638}
.certificate-paper .cert-head{left:50%;top:11%;transform:translate(-50%,-50%);width:80%;max-width:80%;font-size:14px!important;color:#343434!important}
.certificate-paper .cert-template-field{position:absolute}
.certificate-paper .cert-rich-text strong,.certificate-paper .cert-rich-text em{font-family:inherit;font-size:inherit;color:inherit;letter-spacing:normal;text-transform:none}
.certificate-paper .replica-field{width:78%;max-width:78%;font-family:Georgia,"Times New Roman",serif;font-size:13px;line-height:1.4;color:#414044}
.certificate-paper .cert-business-name{font-size:20px;font-weight:400;letter-spacing:.06em;line-height:1.25;color:#424144}
.certificate-paper .cert-registration-field{font-family:Georgia,"Times New Roman",serif;font-size:10px;letter-spacing:.03em;color:#53515a}
.certificate-paper .cert-description{position:absolute;width:78%;max-width:78%;font-family:Georgia,"Times New Roman",serif;font-size:13px;line-height:1.6;text-align:center;white-space:normal;color:#444}
.certificate-paper .replica-activity{width:82%;max-width:82%}
.certificate-paper .replica-issue{font-size:12px}
.certificate-paper .replica-expiry{font-size:10px}
.certificate-paper .cert-verification{position:absolute;display:block;width:auto;max-width:none;z-index:4}
.certificate-paper .cert-verification .cert-qr{margin:0}
.certificate-paper .signature-line{position:absolute;width:29%;height:0;border-bottom:1px solid #5f5c58}
.certificate-paper .signature-label{width:29%;max-width:29%;text-align:center;font-family:Georgia,"Times New Roman",serif;font-size:10px;color:#4b4a48}
.template-artwork-preview .cert-template-field{min-width:28px;min-height:16px}
.template-artwork-preview .cert-verification{min-width:48px}
@media(max-width:720px){.certificate-paper{width:100%;min-width:0}.cert-business-name{font-size:21px}.cert-template-field{max-width:86%}}
@media print{@page{size:A4 portrait;margin:0}.certificate-paper{width:210mm!important;min-width:0!important;height:297mm!important;aspect-ratio:auto!important;margin:0!important}.cert-decoration,.certificate-paper,.certificate-paper *{-webkit-print-color-adjust:exact;print-color-adjust:exact}}