/* =====================================================================
   Daqah design system: "الختم" (the seal)
   Ink-blue stamp colour, cool security paper, guilloche ornament.
   ===================================================================== */
:root{
  --ink:#16213A;--ink-2:#39435C;--mute:#66718D;
  --paper:#F2F4F9;--sheet:#FFFFFF;--line:#DDE2EC;--line-2:#C5CDDF;--wash:#F7F8FC;
  --stamp:#2433A6;--stamp-2:#1A2584;--stamp-soft:#E8EBFB;--stamp-light:#9FAAF2;
  --valid:#12805C;--valid-soft:#E1F3EA;--valid-line:#B9DDCC;
  --bad:#BE2D1E;--bad-soft:#FCE8E4;--bad-line:#EDBBB3;
  --warn:#8F5600;--warn-soft:#FFF1D4;--warn-line:#EBD39B;
  --r-lg:16px;--r-md:12px;--r-sm:9px;
  --rail:268px;
  --font-ui:'IBM Plex Sans Arabic','Segoe UI','Noto Sans Arabic',Tahoma,system-ui,sans-serif;
  --font-display:'IBM Plex Sans Arabic','Segoe UI','Noto Sans Arabic',Tahoma,system-ui,sans-serif;
  --seal-ok:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='50' cy='50' r='46' fill='none' stroke='%2312805C' stroke-width='3'/%3E%3Ccircle cx='50' cy='50' r='40' fill='none' stroke='%2312805C' stroke-width='1.2'/%3E%3Ccircle cx='50' cy='50' r='34.5' fill='none' stroke='%2312805C' stroke-width='1.6' stroke-dasharray='1.2 3.4'/%3E%3Cpath d='M31 52l13 13 26-28' fill='none' stroke='%2312805C' stroke-width='7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  --seal-bad:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='50' cy='50' r='46' fill='none' stroke='%23BE2D1E' stroke-width='3'/%3E%3Ccircle cx='50' cy='50' r='40' fill='none' stroke='%23BE2D1E' stroke-width='1.2'/%3E%3Ccircle cx='50' cy='50' r='34.5' fill='none' stroke='%23BE2D1E' stroke-width='1.6' stroke-dasharray='1.2 3.4'/%3E%3Cpath d='M35 35l30 30M65 35L35 65' fill='none' stroke='%23BE2D1E' stroke-width='7' stroke-linecap='round'/%3E%3C/svg%3E");
  --seal-wait:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='50' cy='50' r='46' fill='none' stroke='%239A5B00' stroke-width='3'/%3E%3Ccircle cx='50' cy='50' r='40' fill='none' stroke='%239A5B00' stroke-width='1.2'/%3E%3Ccircle cx='50' cy='50' r='34.5' fill='none' stroke='%239A5B00' stroke-width='1.6' stroke-dasharray='1.2 3.4'/%3E%3Cpath d='M50 30v22l14 9' fill='none' stroke='%239A5B00' stroke-width='7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  --rosette:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 400' fill='none' stroke='%239FB0FF' stroke-width='.6' opacity='.3'%3E%3Cellipse cx='200' cy='200' rx='172' ry='58' transform='rotate(0 200 200)'/%3E%3Cellipse cx='200' cy='200' rx='172' ry='58' transform='rotate(3 200 200)'/%3E%3Cellipse cx='200' cy='200' rx='172' ry='58' transform='rotate(6 200 200)'/%3E%3Cellipse cx='200' cy='200' rx='172' ry='58' transform='rotate(9 200 200)'/%3E%3Cellipse cx='200' cy='200' rx='172' ry='58' transform='rotate(12 200 200)'/%3E%3Cellipse cx='200' cy='200' rx='172' ry='58' transform='rotate(15 200 200)'/%3E%3Cellipse cx='200' cy='200' rx='172' ry='58' transform='rotate(18 200 200)'/%3E%3Cellipse cx='200' cy='200' rx='172' ry='58' transform='rotate(21 200 200)'/%3E%3Cellipse cx='200' cy='200' rx='172' ry='58' transform='rotate(24 200 200)'/%3E%3Cellipse cx='200' cy='200' rx='172' ry='58' transform='rotate(27 200 200)'/%3E%3Cellipse cx='200' cy='200' rx='172' ry='58' transform='rotate(30 200 200)'/%3E%3Cellipse cx='200' cy='200' rx='172' ry='58' transform='rotate(33 200 200)'/%3E%3Cellipse cx='200' cy='200' rx='172' ry='58' transform='rotate(36 200 200)'/%3E%3Cellipse cx='200' cy='200' rx='172' ry='58' transform='rotate(39 200 200)'/%3E%3Cellipse cx='200' cy='200' rx='172' ry='58' transform='rotate(42 200 200)'/%3E%3Cellipse cx='200' cy='200' rx='172' ry='58' transform='rotate(45 200 200)'/%3E%3Cellipse cx='200' cy='200' rx='172' ry='58' transform='rotate(48 200 200)'/%3E%3Cellipse cx='200' cy='200' rx='172' ry='58' transform='rotate(51 200 200)'/%3E%3Cellipse cx='200' cy='200' rx='172' ry='58' transform='rotate(54 200 200)'/%3E%3Cellipse cx='200' cy='200' rx='172' ry='58' transform='rotate(57 200 200)'/%3E%3Cellipse cx='200' cy='200' rx='172' ry='58' transform='rotate(60 200 200)'/%3E%3Cellipse cx='200' cy='200' rx='172' ry='58' transform='rotate(63 200 200)'/%3E%3Cellipse cx='200' cy='200' rx='172' ry='58' transform='rotate(66 200 200)'/%3E%3Cellipse cx='200' cy='200' rx='172' ry='58' transform='rotate(69 200 200)'/%3E%3Cellipse cx='200' cy='200' rx='172' ry='58' transform='rotate(72 200 200)'/%3E%3Cellipse cx='200' cy='200' rx='172' ry='58' transform='rotate(75 200 200)'/%3E%3Cellipse cx='200' cy='200' rx='172' ry='58' transform='rotate(78 200 200)'/%3E%3Cellipse cx='200' cy='200' rx='172' ry='58' transform='rotate(81 200 200)'/%3E%3Cellipse cx='200' cy='200' rx='172' ry='58' transform='rotate(84 200 200)'/%3E%3Cellipse cx='200' cy='200' rx='172' ry='58' transform='rotate(87 200 200)'/%3E%3Cellipse cx='200' cy='200' rx='172' ry='58' transform='rotate(90 200 200)'/%3E%3Cellipse cx='200' cy='200' rx='172' ry='58' transform='rotate(93 200 200)'/%3E%3Cellipse cx='200' cy='200' rx='172' ry='58' transform='rotate(96 200 200)'/%3E%3Cellipse cx='200' cy='200' rx='172' ry='58' transform='rotate(99 200 200)'/%3E%3Cellipse cx='200' cy='200' rx='172' ry='58' transform='rotate(102 200 200)'/%3E%3Cellipse cx='200' cy='200' rx='172' ry='58' transform='rotate(105 200 200)'/%3E%3Cellipse cx='200' cy='200' rx='172' ry='58' transform='rotate(108 200 200)'/%3E%3Cellipse cx='200' cy='200' rx='172' ry='58' transform='rotate(111 200 200)'/%3E%3Cellipse cx='200' cy='200' rx='172' ry='58' transform='rotate(114 200 200)'/%3E%3Cellipse cx='200' cy='200' rx='172' ry='58' transform='rotate(117 200 200)'/%3E%3Cellipse cx='200' cy='200' rx='172' ry='58' transform='rotate(120 200 200)'/%3E%3Cellipse cx='200' cy='200' rx='172' ry='58' transform='rotate(123 200 200)'/%3E%3Cellipse cx='200' cy='200' rx='172' ry='58' transform='rotate(126 200 200)'/%3E%3Cellipse cx='200' cy='200' rx='172' ry='58' transform='rotate(129 200 200)'/%3E%3Cellipse cx='200' cy='200' rx='172' ry='58' transform='rotate(132 200 200)'/%3E%3Cellipse cx='200' cy='200' rx='172' ry='58' transform='rotate(135 200 200)'/%3E%3Cellipse cx='200' cy='200' rx='172' ry='58' transform='rotate(138 200 200)'/%3E%3Cellipse cx='200' cy='200' rx='172' ry='58' transform='rotate(141 200 200)'/%3E%3Cellipse cx='200' cy='200' rx='172' ry='58' transform='rotate(144 200 200)'/%3E%3Cellipse cx='200' cy='200' rx='172' ry='58' transform='rotate(147 200 200)'/%3E%3Cellipse cx='200' cy='200' rx='172' ry='58' transform='rotate(150 200 200)'/%3E%3Cellipse cx='200' cy='200' rx='172' ry='58' transform='rotate(153 200 200)'/%3E%3Cellipse cx='200' cy='200' rx='172' ry='58' transform='rotate(156 200 200)'/%3E%3Cellipse cx='200' cy='200' rx='172' ry='58' transform='rotate(159 200 200)'/%3E%3Cellipse cx='200' cy='200' rx='172' ry='58' transform='rotate(162 200 200)'/%3E%3Cellipse cx='200' cy='200' rx='172' ry='58' transform='rotate(165 200 200)'/%3E%3Cellipse cx='200' cy='200' rx='172' ry='58' transform='rotate(168 200 200)'/%3E%3Cellipse cx='200' cy='200' rx='172' ry='58' transform='rotate(171 200 200)'/%3E%3Cellipse cx='200' cy='200' rx='172' ry='58' transform='rotate(174 200 200)'/%3E%3Cellipse cx='200' cy='200' rx='172' ry='58' transform='rotate(177 200 200)'/%3E%3Ccircle cx='200' cy='200' r='26'/%3E%3Ccircle cx='200' cy='200' r='39'/%3E%3Ccircle cx='200' cy='200' r='52'/%3E%3Ccircle cx='200' cy='200' r='65'/%3E%3Ccircle cx='200' cy='200' r='78'/%3E%3Ccircle cx='200' cy='200' r='91'/%3E%3Ccircle cx='200' cy='200' r='104'/%3E%3Ccircle cx='200' cy='200' r='117'/%3E%3Ccircle cx='200' cy='200' r='130'/%3E%3Ccircle cx='200' cy='200' r='143'/%3E%3Ccircle cx='200' cy='200' r='156'/%3E%3Ccircle cx='200' cy='200' r='169'/%3E%3Ccircle cx='200' cy='200' r='182'/%3E%3C/svg%3E");
  --rosette-ink:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 400' fill='none' stroke='%232433A6' stroke-width='.6' opacity='.22'%3E%3Cellipse cx='200' cy='200' rx='172' ry='58' transform='rotate(0 200 200)'/%3E%3Cellipse cx='200' cy='200' rx='172' ry='58' transform='rotate(3 200 200)'/%3E%3Cellipse cx='200' cy='200' rx='172' ry='58' transform='rotate(6 200 200)'/%3E%3Cellipse cx='200' cy='200' rx='172' ry='58' transform='rotate(9 200 200)'/%3E%3Cellipse cx='200' cy='200' rx='172' ry='58' transform='rotate(12 200 200)'/%3E%3Cellipse cx='200' cy='200' rx='172' ry='58' transform='rotate(15 200 200)'/%3E%3Cellipse cx='200' cy='200' rx='172' ry='58' transform='rotate(18 200 200)'/%3E%3Cellipse cx='200' cy='200' rx='172' ry='58' transform='rotate(21 200 200)'/%3E%3Cellipse cx='200' cy='200' rx='172' ry='58' transform='rotate(24 200 200)'/%3E%3Cellipse cx='200' cy='200' rx='172' ry='58' transform='rotate(27 200 200)'/%3E%3Cellipse cx='200' cy='200' rx='172' ry='58' transform='rotate(30 200 200)'/%3E%3Cellipse cx='200' cy='200' rx='172' ry='58' transform='rotate(33 200 200)'/%3E%3Cellipse cx='200' cy='200' rx='172' ry='58' transform='rotate(36 200 200)'/%3E%3Cellipse cx='200' cy='200' rx='172' ry='58' transform='rotate(39 200 200)'/%3E%3Cellipse cx='200' cy='200' rx='172' ry='58' transform='rotate(42 200 200)'/%3E%3Cellipse cx='200' cy='200' rx='172' ry='58' transform='rotate(45 200 200)'/%3E%3Cellipse cx='200' cy='200' rx='172' ry='58' transform='rotate(48 200 200)'/%3E%3Cellipse cx='200' cy='200' rx='172' ry='58' transform='rotate(51 200 200)'/%3E%3Cellipse cx='200' cy='200' rx='172' ry='58' transform='rotate(54 200 200)'/%3E%3Cellipse cx='200' cy='200' rx='172' ry='58' transform='rotate(57 200 200)'/%3E%3Cellipse cx='200' cy='200' rx='172' ry='58' transform='rotate(60 200 200)'/%3E%3Cellipse cx='200' cy='200' rx='172' ry='58' transform='rotate(63 200 200)'/%3E%3Cellipse cx='200' cy='200' rx='172' ry='58' transform='rotate(66 200 200)'/%3E%3Cellipse cx='200' cy='200' rx='172' ry='58' transform='rotate(69 200 200)'/%3E%3Cellipse cx='200' cy='200' rx='172' ry='58' transform='rotate(72 200 200)'/%3E%3Cellipse cx='200' cy='200' rx='172' ry='58' transform='rotate(75 200 200)'/%3E%3Cellipse cx='200' cy='200' rx='172' ry='58' transform='rotate(78 200 200)'/%3E%3Cellipse cx='200' cy='200' rx='172' ry='58' transform='rotate(81 200 200)'/%3E%3Cellipse cx='200' cy='200' rx='172' ry='58' transform='rotate(84 200 200)'/%3E%3Cellipse cx='200' cy='200' rx='172' ry='58' transform='rotate(87 200 200)'/%3E%3Cellipse cx='200' cy='200' rx='172' ry='58' transform='rotate(90 200 200)'/%3E%3Cellipse cx='200' cy='200' rx='172' ry='58' transform='rotate(93 200 200)'/%3E%3Cellipse cx='200' cy='200' rx='172' ry='58' transform='rotate(96 200 200)'/%3E%3Cellipse cx='200' cy='200' rx='172' ry='58' transform='rotate(99 200 200)'/%3E%3Cellipse cx='200' cy='200' rx='172' ry='58' transform='rotate(102 200 200)'/%3E%3Cellipse cx='200' cy='200' rx='172' ry='58' transform='rotate(105 200 200)'/%3E%3Cellipse cx='200' cy='200' rx='172' ry='58' transform='rotate(108 200 200)'/%3E%3Cellipse cx='200' cy='200' rx='172' ry='58' transform='rotate(111 200 200)'/%3E%3Cellipse cx='200' cy='200' rx='172' ry='58' transform='rotate(114 200 200)'/%3E%3Cellipse cx='200' cy='200' rx='172' ry='58' transform='rotate(117 200 200)'/%3E%3Cellipse cx='200' cy='200' rx='172' ry='58' transform='rotate(120 200 200)'/%3E%3Cellipse cx='200' cy='200' rx='172' ry='58' transform='rotate(123 200 200)'/%3E%3Cellipse cx='200' cy='200' rx='172' ry='58' transform='rotate(126 200 200)'/%3E%3Cellipse cx='200' cy='200' rx='172' ry='58' transform='rotate(129 200 200)'/%3E%3Cellipse cx='200' cy='200' rx='172' ry='58' transform='rotate(132 200 200)'/%3E%3Cellipse cx='200' cy='200' rx='172' ry='58' transform='rotate(135 200 200)'/%3E%3Cellipse cx='200' cy='200' rx='172' ry='58' transform='rotate(138 200 200)'/%3E%3Cellipse cx='200' cy='200' rx='172' ry='58' transform='rotate(141 200 200)'/%3E%3Cellipse cx='200' cy='200' rx='172' ry='58' transform='rotate(144 200 200)'/%3E%3Cellipse cx='200' cy='200' rx='172' ry='58' transform='rotate(147 200 200)'/%3E%3Cellipse cx='200' cy='200' rx='172' ry='58' transform='rotate(150 200 200)'/%3E%3Cellipse cx='200' cy='200' rx='172' ry='58' transform='rotate(153 200 200)'/%3E%3Cellipse cx='200' cy='200' rx='172' ry='58' transform='rotate(156 200 200)'/%3E%3Cellipse cx='200' cy='200' rx='172' ry='58' transform='rotate(159 200 200)'/%3E%3Cellipse cx='200' cy='200' rx='172' ry='58' transform='rotate(162 200 200)'/%3E%3Cellipse cx='200' cy='200' rx='172' ry='58' transform='rotate(165 200 200)'/%3E%3Cellipse cx='200' cy='200' rx='172' ry='58' transform='rotate(168 200 200)'/%3E%3Cellipse cx='200' cy='200' rx='172' ry='58' transform='rotate(171 200 200)'/%3E%3Cellipse cx='200' cy='200' rx='172' ry='58' transform='rotate(174 200 200)'/%3E%3Cellipse cx='200' cy='200' rx='172' ry='58' transform='rotate(177 200 200)'/%3E%3Ccircle cx='200' cy='200' r='26'/%3E%3Ccircle cx='200' cy='200' r='39'/%3E%3Ccircle cx='200' cy='200' r='52'/%3E%3Ccircle cx='200' cy='200' r='65'/%3E%3Ccircle cx='200' cy='200' r='78'/%3E%3Ccircle cx='200' cy='200' r='91'/%3E%3Ccircle cx='200' cy='200' r='104'/%3E%3Ccircle cx='200' cy='200' r='117'/%3E%3Ccircle cx='200' cy='200' r='130'/%3E%3Ccircle cx='200' cy='200' r='143'/%3E%3Ccircle cx='200' cy='200' r='156'/%3E%3Ccircle cx='200' cy='200' r='169'/%3E%3Ccircle cx='200' cy='200' r='182'/%3E%3C/svg%3E");
  --band:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='28' viewBox='0 0 120 28' fill='none' stroke='%239FAAD8' stroke-width='.8'%3E%3Cpath d='M0 14C15 -2 45 -2 60 14S105 30 120 14'/%3E%3Cpath d='M0 14C15 30 45 30 60 14S105 -2 120 14'/%3E%3Cpath d='M0 14C15 4 45 4 60 14S105 24 120 14' opacity='.7'/%3E%3Cpath d='M0 14C15 24 45 24 60 14S105 4 120 14' opacity='.7'/%3E%3C/svg%3E");
  --i-home:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 11l9-8 9 8'/%3E%3Cpath d='M5 10v10h14V10'/%3E%3Cpath d='M10 20v-6h4v6'/%3E%3C/svg%3E");
  --i-plus:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 3H7a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V8z'/%3E%3Cpath d='M14 3v5h5'/%3E%3Cpath d='M12 12v6'/%3E%3Cpath d='M9 15h6'/%3E%3C/svg%3E");
  --i-files:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 6h12'/%3E%3Cpath d='M8 12h12'/%3E%3Cpath d='M8 18h12'/%3E%3Cpath d='M4 6h.01'/%3E%3Cpath d='M4 12h.01'/%3E%3Cpath d='M4 18h.01'/%3E%3C/svg%3E");
  --i-quote:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 4h16v16l-3-2-3 2-3-2-3 2-4-2z'/%3E%3Cpath d='M8 9h8'/%3E%3Cpath d='M8 13h5'/%3E%3C/svg%3E");
  --i-users:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2'/%3E%3Cpath d='M9 11a4 4 0 1 0 0-8 4 4 0 0 0 0 8'/%3E%3Cpath d='M22 21v-2a4 4 0 0 0-3-3.9'/%3E%3Cpath d='M16 3.1a4 4 0 0 1 0 7.8'/%3E%3C/svg%3E");
  --i-building:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 21h18'/%3E%3Cpath d='M5 21V7l7-4 7 4v14'/%3E%3Cpath d='M9 9h.01'/%3E%3Cpath d='M9 13h.01'/%3E%3Cpath d='M9 17h.01'/%3E%3Cpath d='M15 9h.01'/%3E%3Cpath d='M15 13h.01'/%3E%3Cpath d='M15 17h.01'/%3E%3C/svg%3E");
  --i-shield:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l8 3v6c0 5-3.5 8-8 9-4.5-1-8-4-8-9V6z'/%3E%3Cpath d='M9 12l2 2 4-4'/%3E%3C/svg%3E");
  --i-pulse:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12h4l3 8 4-16 3 8h4'/%3E%3C/svg%3E");
  --i-scroll:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 3h9a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V8'/%3E%3Cpath d='M5 8h3V3'/%3E%3Cpath d='M10 9h6'/%3E%3Cpath d='M10 13h6'/%3E%3Cpath d='M10 17h4'/%3E%3C/svg%3E");
  --i-chart:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 20V10'/%3E%3Cpath d='M10 20V4'/%3E%3Cpath d='M16 20v-7'/%3E%3Cpath d='M22 20H2'/%3E%3C/svg%3E");
  --i-card:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 6h18v12H3z'/%3E%3Cpath d='M3 10h18'/%3E%3Cpath d='M7 15h3'/%3E%3C/svg%3E");
  --i-sliders:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 6h10'/%3E%3Cpath d='M18 6h2'/%3E%3Cpath d='M4 12h4'/%3E%3Cpath d='M12 12h8'/%3E%3Cpath d='M4 18h12'/%3E%3Cpath d='M20 18h0'/%3E%3Cpath d='M16 4v4'/%3E%3Cpath d='M10 10v4'/%3E%3Cpath d='M18 16v4'/%3E%3C/svg%3E");
  --i-mail:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 6h18v12H3z'/%3E%3Cpath d='M3 7l9 6 9-6'/%3E%3C/svg%3E");
  --i-db:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 4c4.4 0 8 1.3 8 3s-3.6 3-8 3-8-1.3-8-3 3.6-3 8-3z'/%3E%3Cpath d='M4 7v10c0 1.7 3.6 3 8 3s8-1.3 8-3V7'/%3E%3Cpath d='M4 12c0 1.7 3.6 3 8 3s8-1.3 8-3'/%3E%3C/svg%3E");
  --i-badge:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l2.4 1.7 2.9-.2 1 2.7 2.3 1.8-.9 2.8.9 2.8-2.3 1.8-1 2.7-2.9-.2L12 21l-2.4-1.7-2.9.2-1-2.7L3.4 15l.9-2.8-.9-2.8 2.3-1.8 1-2.7 2.9.2z'/%3E%3Cpath d='M9 12l2 2 4-4'/%3E%3C/svg%3E");
  --i-out:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4'/%3E%3Cpath d='M16 17l5-5-5-5'/%3E%3Cpath d='M21 12H9'/%3E%3C/svg%3E");
  --i-down:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3v12'/%3E%3Cpath d='M7 10l5 5 5-5'/%3E%3Cpath d='M4 21h16'/%3E%3C/svg%3E");
  --i-help:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 14v-2a8 8 0 0 1 16 0v2'/%3E%3Cpath d='M4 14h3v5H4z'/%3E%3Cpath d='M17 14h3v5h-3z'/%3E%3Cpath d='M17 19c0 1.5-2 2-5 2'/%3E%3C/svg%3E");
  --i-bell:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 8a6 6 0 0 0-12 0c0 7-3 9-3 9h18s-3-2-3-9'/%3E%3Cpath d='M13.7 21a2 2 0 0 1-3.4 0'/%3E%3C/svg%3E");
  --i-menu:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 7h16'/%3E%3Cpath d='M4 12h16'/%3E%3Cpath d='M4 17h16'/%3E%3C/svg%3E");
  --i-close:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 6l12 12'/%3E%3Cpath d='M18 6L6 18'/%3E%3C/svg%3E");
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;font-family:var(--font-ui);font-size:15px;line-height:1.8;color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased}
h1,h2,h3,h4{font-family:var(--font-display);font-weight:600;color:var(--ink);line-height:1.45;margin:0 0 .55em;letter-spacing:0}
h1{font-size:30px;font-weight:700}h2{font-size:21px;font-weight:700}h3{font-size:17.5px}h4{font-size:15.5px}
p{margin:0 0 .85em}
a{color:var(--stamp);text-underline-offset:3px}
img{max-width:100%}
::selection{background:var(--stamp-soft)}
:focus-visible{outline:3px solid var(--stamp-light);outline-offset:2px;border-radius:6px}
.muted{color:var(--mute);font-size:13.5px}
hr{border:0;border-top:1px solid var(--line);margin:18px 0}
[hidden]{display:none!important}

/* ---------- shell: rail + main ---------- */
.rail{position:fixed;top:0;bottom:0;right:0;inset-block:0;inset-inline-start:0;width:var(--rail);z-index:70;display:flex;flex-direction:column;color:#CFD6EE;
  background:var(--ink) var(--rosette) no-repeat 170% 112%/430px;overflow-y:auto;overscroll-behavior:contain}
.rail a,.brandmark,.pubbar a{text-decoration:none}
.brandmark{display:flex;align-items:center;gap:11px;padding:22px 22px 16px;color:#fff;font-family:var(--font-display);font-weight:700;font-size:25px;line-height:1}
.brandmark svg{width:36px;height:36px;flex:none;color:#B4BEFA}
.brandmark small{display:block;font-family:var(--font-ui);font-weight:400;font-size:11.5px;color:#8E9AC4;margin-top:5px;letter-spacing:0}
.rail-org{display:flex;align-items:center;gap:11px;margin:4px 14px 10px;padding:10px 12px;border:1px solid rgba(255,255,255,.1);border-radius:var(--r-md);background:rgba(255,255,255,.045)}
.rail-org img{width:40px;height:40px;border-radius:10px;background:#fff;object-fit:contain;flex:none}
.rail-org .ph{width:40px;height:40px;border-radius:10px;background:rgba(255,255,255,.1);flex:none;display:grid;place-items:center}
.rail-org b{display:block;color:#fff;font-size:14.5px;font-weight:600;line-height:1.4}
.rail-org small{color:#8E9AC4;font-size:12px}
.rail-label{padding:14px 24px 5px;font-size:12px;color:#8793BA;font-weight:500}
.rail .tab,.rail .rl{position:relative;display:flex;align-items:center;gap:12px;width:calc(100% - 24px);margin:2px 12px;padding:10px 14px;border:0;border-radius:10px;background:transparent;color:#C9D1EB;font:500 14.5px/1.5 var(--font-ui);text-align:start;cursor:pointer}
.rail .tab:hover,.rail .rl:hover{background:rgba(255,255,255,.07);color:#fff}
.rail .tab.active,.rail .rl.active{background:rgba(255,255,255,.11);color:#fff}
.rail .tab.active::after,.rail .rl.active::after{content:"";position:absolute;top:9px;bottom:9px;right:-12px;inset-block:9px;inset-inline-start:-12px;width:4px;border-radius:0 4px 4px 0;background:var(--stamp-light)}
[dir=rtl] .rail .tab.active::after,[dir=rtl] .rail .rl.active::after{border-radius:4px 0 0 4px}
.rail .tab::before,.rail .rl::before{content:"";width:19px;height:19px;flex:none;background:currentColor;opacity:.9;-webkit-mask:var(--i,var(--i-files)) center/contain no-repeat;mask:var(--i,var(--i-files)) center/contain no-repeat}
.rail .admin-tabs.in-rail{display:block;position:static;background:transparent;box-shadow:none;border:0;padding:0;margin:0}
.rail .admin-tabs.in-rail .tab{background:transparent;color:#C9D1EB;border:0;font-weight:500}
.rail .admin-tabs.in-rail .tab:hover{background:rgba(255,255,255,.07);color:#fff}
.rail .admin-tabs.in-rail .tab.active{background:rgba(255,255,255,.11);color:#fff;border:0}
.rail-foot{margin-top:auto;padding:14px 14px 18px;border-top:1px solid rgba(255,255,255,.09);display:flex;align-items:center;gap:10px;position:relative;z-index:1}
.rail-foot .who{flex:1;min-width:0;font-size:13.5px;color:#fff;line-height:1.4}
.rail-foot .who small{display:block;color:#8E9AC4;font-size:12px}
.rail-foot a{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;color:#CFD6EE;background:rgba(255,255,255,.07)}
.rail-foot a::before{content:"";width:19px;height:19px;background:currentColor;-webkit-mask:var(--i-out) center/contain no-repeat;mask:var(--i-out) center/contain no-repeat}
.rail-foot a:hover{background:rgba(255,255,255,.15);color:#fff}
/* icon map */
[data-tab=homePanel],[data-panel=homePanel]{--i:var(--i-home)}[data-panel=issuePanel]{--i:var(--i-plus)}[data-panel=docsPanel]{--i:var(--i-files)}[data-panel=quotesPanel]{--i:var(--i-quote)}[data-panel=employeesPanel]{--i:var(--i-users)}[data-panel=auditPanel]{--i:var(--i-pulse)}[data-panel=officeProfilePanel]{--i:var(--i-building)}[data-panel=termsPanel]{--i:var(--i-scroll)}
.rl[data-k=site]{--i:var(--i-home)}.rl[data-k=bell]{--i:var(--i-bell)}
.rail .rl .bdg{margin-inline-start:auto;background:var(--bad);color:#fff;border-radius:999px;font-size:11px;font-weight:700;padding:1px 8px;min-width:20px;text-align:center}
.notif{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-md);padding:14px 16px;margin:10px 0}.notif.new{border-color:var(--stamp);box-shadow:0 0 0 3px var(--stamp-soft)}.notif.hot{border-color:var(--bad-line);background:var(--bad-soft)}.notif p{margin:8px 0}.notif .nt{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.guide h2{margin-top:0}.guide-lead{line-height:2;font-size:15.5px;margin:6px 0 14px}.guide-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}.guide-item{display:flex;flex-direction:column;gap:4px;border:1px solid var(--line);border-radius:var(--r-md);padding:12px 14px;background:#fff;text-decoration:none;color:var(--ink)}.guide-item:hover{border-color:var(--stamp);box-shadow:0 0 0 3px var(--stamp-soft)}.guide-item b{color:var(--stamp)}.guide-item span{font-size:13.5px;color:var(--ink-3);line-height:1.7}
ul.plain{list-style:none;margin:10px 0 0;padding:0}ul.plain li{padding:6px 0;border-top:1px solid var(--line)}
[data-tab=issuePanel]{--i:var(--i-plus)}[data-tab=docsPanel]{--i:var(--i-files)}[data-tab=officeProfilePanel]{--i:var(--i-building)}[data-tab=employeesPanel]{--i:var(--i-users)}
[data-tab=auditPanel]{--i:var(--i-pulse)}[data-tab=quotesPanel]{--i:var(--i-quote)}[data-tab=termsPanel]{--i:var(--i-scroll)}[data-tab=incomePanel],[data-tab=myIncomePanel]{--i:var(--i-chart)}[data-tab=translatorsPanel]{--i:var(--i-users)}[data-tab=invoicesPanel]{--i:var(--i-card)}[data-tab=officesPanel]{--i:var(--i-building)}
.rl[data-k=home]{--i:var(--i-home)}.rl[data-k=chart]{--i:var(--i-chart)}.rl[data-k=building]{--i:var(--i-building)}.rl[data-k=card]{--i:var(--i-card)}.rl[data-k=pulse]{--i:var(--i-pulse)}
.rl[data-k=users]{--i:var(--i-users)}.rl[data-k=shield]{--i:var(--i-shield)}.rl[data-k=down]{--i:var(--i-down)}.rl[data-k=badge]{--i:var(--i-badge)}.rl[data-k=db]{--i:var(--i-db)}
.rl[data-k=mail]{--i:var(--i-mail)}.rl[data-k=receipt]{--i:var(--i-quote)}.rl[data-k=sliders]{--i:var(--i-sliders)}.rl[data-k=scroll]{--i:var(--i-scroll)}.rl[data-k=help]{--i:var(--i-help)}

.main{margin-inline-start:var(--rail);min-height:100vh}
.main>.wrap{max-width:1200px;margin:0 auto;padding:30px 34px 10px}
.appbar{display:none}
.scrim{display:none}
.dup-nav{display:none!important}
body.has-rail .main .admin-tabs{display:none}
.notice .row .label{white-space:normal}

/* ---------- public shell ---------- */
.pubbar{display:flex;align-items:center;justify-content:space-between;gap:12px;max-width:1000px;margin:0 auto;padding:16px 20px}
.pubbar .brandmark{padding:0;color:var(--ink);font-size:22px}.pubbar .brandmark svg{color:var(--stamp);width:32px;height:32px}
.pubwrap{max-width:900px;margin:0 auto;padding:6px 18px 10px}

/* ---------- surfaces ---------- */
.card{background:var(--sheet);border:1px solid var(--line);border-radius:var(--r-lg);padding:24px;margin-bottom:16px}
.card>h2:first-child,.card>h3:first-child,.card>.topbar+h2{margin-top:0}
.card h2{padding-bottom:12px;border-bottom:1px solid var(--line);margin-bottom:16px}
.card h2+.muted{margin-top:-6px}
.pagehead{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:0 0 20px}
.pagehead h1{margin:0;font-size:27px}.pagehead p{margin:4px 0 0;color:var(--mute)}
.pagehead .acts{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.topbar{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}
.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;margin-bottom:16px}
.stat{background:var(--sheet);padding:16px 22px;font-size:13px;color:var(--mute);border-radius:0}
.stat b{display:block;margin-top:2px;font-family:var(--font-display);font-size:31px;font-weight:700;color:var(--ink);line-height:1.3}
.notice{border:1px solid var(--line);background:var(--wash);border-radius:var(--r-md);padding:14px 16px;margin-top:14px}
.msg{border:1px solid #C6CEF3;background:var(--stamp-soft);color:#1B2778;border-radius:var(--r-md);padding:12px 16px;margin:12px 0;font-weight:500}
.err{border:1px solid var(--bad-line);background:var(--bad-soft);color:#8E2116;border-radius:var(--r-md);padding:12px 16px;margin:12px 0}
.ok{border:1px solid var(--valid-line);background:var(--valid-soft);color:#0B5C42;border-radius:var(--r-md);padding:14px 16px}
.bad{border:1px solid var(--bad-line);background:var(--bad-soft);color:#8E2116;border-radius:var(--r-md);padding:14px 16px}
.vr-alert{display:flex;gap:10px;align-items:center;flex-wrap:wrap;background:var(--bad-soft);border:1px solid var(--bad-line);border-radius:var(--r-md);padding:12px 16px;margin:12px 0}
.vr-alert-link{flex:1 1 280px;color:#7E1D12;text-decoration:none;line-height:1.8}.vr-alert form{margin:0}
.acting-banner{display:flex;justify-content:space-between;align-items:center;gap:12px;background:var(--warn-soft);border:1px solid var(--warn-line);border-radius:var(--r-md);padding:10px 16px;margin-bottom:14px;color:#6B4300}.acting-banner form{margin:0}
.progress{display:none;padding:14px;border-radius:var(--r-md);background:var(--wash);border:1px dashed var(--line-2);margin-top:14px}.progress.show{display:block}
.platform-footer{text-align:center;color:var(--mute);font-size:13px;padding:22px 12px 30px}.platform-footer a{color:var(--ink-2)}
.admin-footer{margin:20px 0 6px;text-align:center;font-size:12.5px}.admin-footer a{color:var(--mute);text-decoration:none}

/* ---------- controls ---------- */
button,.btn{font:600 14.5px/1.5 var(--font-ui);display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;border-radius:var(--r-sm);border:1px solid transparent;background:var(--stamp);color:#fff;text-decoration:none;cursor:pointer;transition:background .15s,border-color .15s,color .15s}
button:hover,.btn:hover{background:var(--stamp-2)}
button:active,.btn:active{transform:translateY(1px)}
button:disabled,.btn[disabled]{opacity:.55;cursor:not-allowed}
.btn.light,button.light{background:#fff;color:var(--ink);border-color:var(--line-2)}
.btn.light:hover{background:var(--wash);border-color:#AEB9D3}
.btn.danger,button.danger{background:#fff;color:var(--bad);border-color:var(--bad-line)}
.btn.danger:hover{background:var(--bad-soft)}
.btn.success{background:var(--valid-soft)!important;color:var(--valid)!important;border-color:var(--valid-line)!important}
label{display:block;margin:15px 0 6px;font-size:13.5px;font-weight:600;color:var(--ink-2)}
input,select,textarea{width:100%;min-height:44px;padding:10px 13px;font:400 15px/1.6 var(--font-ui);color:var(--ink);background:#fff;border:1.5px solid var(--line-2);border-radius:var(--r-sm);transition:border-color .15s,box-shadow .15s}
textarea{min-height:92px;resize:vertical}
input:focus,select:focus,textarea:focus{outline:0;border-color:var(--stamp);box-shadow:0 0 0 4px var(--stamp-soft)}
input::placeholder,textarea::placeholder{color:#9AA3BB}
input[type=checkbox],input[type=radio]{width:18px;height:18px;min-height:0;accent-color:var(--stamp);flex:none}
input[type=file]{padding:9px;background:var(--wash)}
select{appearance:none;background:#fff var(--i-chev,none)}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:4px 16px}
.actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.checkline{display:flex!important;align-items:center;gap:8px;margin:12px 0;font-size:13.5px}.checkline input{width:18px!important;margin:0!important}
details>summary{cursor:pointer}

/* ---------- data ---------- */
.table{width:100%;border-collapse:collapse}
.table th{padding:11px 14px;background:var(--wash);color:var(--mute);font-size:12.5px;font-weight:600;text-align:start;border-bottom:1px solid var(--line);white-space:nowrap}
.table td{padding:13px 14px;border-bottom:1px solid #EDF0F6;font-size:14px;text-align:start;vertical-align:middle}
.table tbody tr:hover td,.table tr:hover td{background:#FAFBFE}
.table td[dir=ltr]{white-space:nowrap}
.table .btn,.table button{padding:6px 12px;font-size:13px}
.table td.muted[colspan]{padding:34px 14px;text-align:center;color:var(--mute);font-size:14px}
.table td.muted[colspan]::before{content:"";display:block;width:46px;height:46px;margin:0 auto 10px;background:var(--line-2);-webkit-mask:var(--i-files) center/contain no-repeat;mask:var(--i-files) center/contain no-repeat;opacity:.7}
.docs-table{table-layout:fixed;min-width:1160px}
.docs-table th:nth-child(1){width:60px}.docs-table th:nth-child(2){width:120px}.docs-table th:nth-child(3){width:130px}.docs-table th:nth-child(4){width:180px}.docs-table th:nth-child(5){width:105px}.docs-table th:nth-child(6){width:140px}.docs-table th:nth-child(7){width:105px}.docs-table th:nth-child(8){width:100px}.docs-table th:nth-child(9){width:105px}.docs-table th:nth-child(10){width:110px}.docs-table th:nth-child(11){width:150px}.docs-table th:nth-child(12){width:190px}
.docs-table .doc-name{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.docs-table tr.vr-hot td{background:#FFEDEA!important}.docs-table tr.vr-hot td:first-child{box-shadow:inset -4px 0 0 var(--bad)}
.docs-table tr.vr-off td{background:#EFF1F6!important;color:#7A849C}
.pill{display:inline-flex;align-items:center;gap:6px;padding:3px 11px;border-radius:999px;font-size:12.5px;font-weight:600;line-height:1.7;background:#EAEEF7;color:var(--ink-2)}
.pill::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;opacity:.75}
.pill.ok{background:var(--valid-soft);color:var(--valid)}.pill.off{background:var(--bad-soft);color:var(--bad)}.pill.warn{background:var(--warn-soft);color:var(--warn)}
.tab-panel{display:none}.tab-panel.active{display:block}
.admin-tabs{display:flex;gap:6px;flex-wrap:wrap;padding:0;margin:0 0 16px}
.admin-tabs .tab{background:#fff;color:var(--ink);border:1px solid var(--line-2);font-weight:600}
.admin-tabs .tab.active{background:var(--ink);color:#fff;border-color:var(--ink)}

/* ---------- super dashboard ---------- */
.super-shell{max-width:none}
.super-userbar{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin:0 0 20px;padding:0;background:none;border:0;box-shadow:none}
.super-userbar b{font-family:var(--font-display);font-size:27px;font-weight:600;display:block}
.super-userbar span{display:block;color:var(--mute);font-size:14px;margin-top:2px}
.userbar-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.userbar-actions>span{display:none!important}
.super-hero{position:relative;overflow:hidden;display:flex;justify-content:space-between;align-items:center;gap:20px;border-radius:var(--r-lg);padding:30px 32px;color:#fff;background:var(--ink) var(--rosette) no-repeat 8% 40%/520px}
.super-hero h1{color:#fff;margin:4px 0 8px;font-size:30px}.super-hero p{margin:0;color:#C3CBE6}
.eyebrow{font-size:12px;color:#8E9AC4;letter-spacing:.4px}
.hero-badge{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);border-radius:var(--r-md);padding:14px 20px;min-width:160px;text-align:center}
.hero-badge span{display:block;font-size:12.5px;color:#C3CBE6}.hero-badge strong{font-family:var(--font-display);font-size:26px;font-weight:700}
.super-tabs{display:flex;gap:6px;flex-wrap:wrap;margin:18px 0}
.super-tab{border:1px solid var(--line-2);background:#fff;color:var(--ink);border-radius:var(--r-sm);padding:10px 20px;font-weight:600;font-size:14.5px}
.super-tab:hover{background:var(--wash)}.super-tab.active{background:var(--ink);color:#fff;border-color:var(--ink)}
.super-panel{display:none;background:var(--sheet);border:1px solid var(--line);border-radius:var(--r-lg);padding:24px}.super-panel.active{display:block}
.section-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:16px}.section-head h2{margin:0 0 3px;padding:0;border:0}.section-head p{margin:0;color:var(--mute)}
.required-note{font-size:12.5px;color:var(--warn);background:var(--warn-soft);padding:6px 11px;border-radius:999px}
.create-form{background:none;border:0;padding:0}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 16px}
.form-grid label>span{color:var(--bad)}.form-grid input,.mini-grid input{display:block;margin-top:7px}
.optional-details{margin-top:20px;border-top:1px solid var(--line);padding-top:16px}.optional-details summary{font-weight:600}
.optional-details summary span{font-weight:400;color:var(--mute);font-size:12.5px;margin-inline-start:8px}
.optional-grid{margin-top:15px}
.upload-box{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;background:var(--wash);padding:15px;border-radius:var(--r-md)}
.form-footer{margin-top:20px;padding-top:16px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:15px}
.primary-action{background:var(--stamp)!important;color:#fff!important;padding:11px 26px!important}
.office-table-wrap{overflow:auto}
.super-table{width:100%;border-collapse:collapse;min-width:980px}
.super-table th{background:var(--wash);color:var(--mute);font-size:12.5px;font-weight:600;padding:11px 13px;text-align:start;white-space:nowrap;border-bottom:1px solid var(--line)}
.super-table td{padding:14px 13px;border-bottom:1px solid #EDF0F6;vertical-align:middle}
.office-name{font-weight:600}.office-code{font-size:12px;color:var(--mute);margin-top:2px}
.office-enter{background:var(--ink);color:#fff;border:0;border-radius:var(--r-sm);padding:8px 14px;font-weight:600;cursor:pointer;white-space:nowrap}.office-enter:hover{background:#26324F}
.office-manage{display:inline-block;margin-inline-start:6px;position:relative}
.office-manage summary{list-style:none;display:inline-block;background:#fff;border:1px solid var(--line-2);padding:8px 14px;border-radius:var(--r-sm);font-weight:600;cursor:pointer}
.manage-box{position:absolute;z-index:30;left:0;inset-inline-end:0;margin-top:6px;width:360px;background:#fff;border:1px solid var(--line-2);border-radius:var(--r-md);padding:16px;box-shadow:0 18px 40px rgba(22,33,58,.16)}
.mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mini-grid label{font-size:12.5px}
.manage-form{border-top:1px solid var(--line);margin-top:13px;padding-top:13px}
.table-note{margin-top:13px;color:var(--mute);font-size:12.5px}
.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden}
.metric-card{background:#fff;padding:18px 20px}.metric-card span{display:block;color:var(--mute);font-size:13px}.metric-card strong{display:block;font-family:var(--font-display);font-size:30px;font-weight:700;margin:4px 0}.metric-card small{color:var(--mute)}
.office-stats-list{margin-top:20px}
.terms-document{line-height:1.95;color:var(--ink-2)}.terms-document h3,.terms-document h4{color:var(--ink)}.terms-document h4{margin:20px 0 6px}.terms-document p{margin:0 0 8px}
.terms-admin-head{display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap}.terms-lang{display:flex;gap:7px}.terms-lang .active{background:var(--ink)!important;color:#fff!important}
.terms-embedded{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:22px}
.terms-footer-note{margin-top:24px;padding-top:16px;border-top:1px solid var(--line);text-align:center;color:var(--mute);font-size:12.5px}

/* ---------- auth ---------- */
body.auth{min-height:100vh;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);background:var(--paper)}
.auth-main{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:34px 22px;min-height:100vh}
.auth-card{width:100%;max-width:440px}
.auth-card h1{font-size:28px;margin:0 0 6px}.auth-card .sub{color:var(--mute);margin:0 0 22px;font-size:14.5px}
.auth-card .box{width:100%}
.auth-card form{margin:0}
.auth-card .main-btn,.auth-card button.main,.auth-card button[type=submit]{width:100%;margin-top:18px;padding:13px 18px;font-size:16px}
.auth-card .links{text-align:center;margin-top:20px;font-size:14px}.auth-card .links a{margin:0 8px}
.auth-card .chk{display:flex;gap:10px;align-items:flex-start;font-weight:400;font-size:13.5px;margin-top:14px;line-height:1.7}
.auth-card .hp{position:absolute;left:-9999px}
.auth-brand{position:relative;overflow:hidden;color:#fff;display:flex;flex-direction:column;justify-content:center;padding:56px 54px;background:var(--ink) var(--rosette) no-repeat -210px calc(100% + 230px)/720px}
.auth-brand .brandmark{padding:0 0 30px;font-size:30px}.auth-brand .brandmark svg{width:46px;height:46px}
.auth-brand h2{color:#fff;font-size:34px;line-height:1.55;margin:0 0 14px;padding:0;border:0;max-width:460px}
.auth-brand p{color:#C3CBE6;max-width:430px;font-size:16px}
.auth-points{list-style:none;margin:26px 0 0;padding:0;display:grid;gap:14px;max-width:440px}
.auth-points li{display:flex;gap:12px;align-items:flex-start;color:#E1E6F8;font-size:15px;line-height:1.7}
.auth-points li::before{content:"";flex:none;width:22px;height:22px;margin-top:2px;background:var(--stamp-light);-webkit-mask:var(--seal-ok) center/contain no-repeat;mask:var(--seal-ok) center/contain no-repeat}
.auth-card .platform-footer{padding-top:30px}
.pwd-field{position:relative}

/* ---------- public verification: the certificate ---------- */
.pub .card,.verify .card{position:relative;padding:28px;border-radius:20px}
.pub .card .brand{margin:-28px -28px 20px;padding:48px 28px 20px;text-align:center;border-radius:20px 20px 0 0;background:var(--band) repeat-x center top 8px/120px 28px,linear-gradient(180deg,#EEF1FB,#fff)}
.pub .card .brand h2{margin:10px 0 2px;padding:0;border:0;font-size:25px}.pub .card .brand p{margin:0;color:var(--mute)}
.pub .card .brand img{background:#fff;border:1px solid var(--line);border-radius:50%;padding:6px;object-fit:contain}
.verdict{position:relative;text-align:center;border-radius:var(--r-lg);padding:20px 22px 12px;background:var(--valid-soft);border:1px solid var(--valid-line);color:#0B5C42}
.verdict.bad{background:var(--bad-soft);border-color:var(--bad-line);color:#8E2116}
.verdict.msg{background:var(--warn-soft);border-color:var(--warn-line);color:#6B4300}
.verdict::before{content:"";display:block;width:104px;height:104px;margin:-2px auto 4px;background:var(--seal-ok) center/contain no-repeat;transform:rotate(-8deg);animation:stampIn .75s cubic-bezier(.2,.9,.25,1.25) .1s both}
.verdict.bad::before{background-image:var(--seal-bad)}.verdict.msg::before{background-image:var(--seal-wait)}
.verdict h2{margin:0 0 4px;padding:0;border:0;font-size:27px;color:inherit}
.verdict>p{margin:0 0 12px;color:inherit;opacity:.9}
.verdict .row{text-align:start;color:var(--ink)}
.row{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:10px 0;border-bottom:1px solid rgba(22,33,58,.1)}
.row:last-child{border-bottom:0}.row .label{font-weight:600;color:var(--ink-2);white-space:nowrap}
.pub .notice{background:#fff;text-align:center}
.pub .notice h3{margin-top:0}
@keyframes stampIn{0%{transform:scale(1.9) rotate(-22deg);opacity:0}55%{transform:scale(.94) rotate(-6deg);opacity:1}100%{transform:scale(1) rotate(-8deg);opacity:1}}

/* ---------- landing ---------- */
.lp{background:#fff;color:var(--ink)}
.lp-wrap{max-width:1120px;margin:0 auto;padding:0 22px}
.lp-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 0}
.lp-top .brandmark{padding:0;color:#fff}
.lp-hero{position:relative;overflow:hidden;color:#fff;background:var(--ink) var(--rosette) no-repeat 2% 62%/700px}
.lp-hero .lp-in{display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center;padding:36px 0 78px}
.lp-hero h1{color:#fff;font-size:44px;line-height:1.5;margin:0 0 16px}
.lp-hero p.lead{color:#CBD2EA;font-size:18px;max-width:520px;margin:0 0 26px}
.lp-cta{display:flex;gap:12px;flex-wrap:wrap}
.lp-hero .btn{padding:13px 24px;font-size:16px}.lp-hero .btn.light{background:transparent;color:#fff;border-color:rgba(255,255,255,.35)}.lp-hero .btn.light:hover{background:rgba(255,255,255,.1)}
.lp-hero .btn.solid{background:#fff;color:var(--ink)}.lp-hero .btn.solid:hover{background:#E8EBFB}
.lp-note{margin-top:20px;color:#9FA9CF;font-size:14px}
.specimen{position:relative;width:100%;max-width:400px;margin-inline:auto;transform:rotate(-2.5deg)}
.specimen .sheet{min-height:350px;background:#fff;border-radius:12px;padding:26px 26px 30px;color:var(--ink);box-shadow:0 30px 60px rgba(0,0,0,.35);position:relative;background-image:var(--band);background-repeat:repeat-x;background-position:center top 10px;background-size:120px 28px}
.specimen .sheet h4{margin:28px 0 10px;font-size:18px}
.specimen .ln{height:7px;border-radius:4px;background:#E6EAF4;margin:9px 0}.specimen .ln.s{width:62%}.specimen .ln.m{width:82%}
.specimen .qr{position:absolute;inset-inline-start:26px;bottom:26px;width:84px;height:84px;border-radius:6px;background:
  conic-gradient(from 90deg at 50% 50%,#16213A 25%,transparent 0 50%,#16213A 0 75%,transparent 0) 0 0/16px 16px,#fff;border:6px solid #fff;outline:1.5px solid #16213A}
.specimen .stampmark{position:absolute;inset-inline-end:22px;bottom:34px;width:150px;height:150px;background:var(--seal-ok) center/contain no-repeat;transform:rotate(-10deg);filter:drop-shadow(0 1px 0 rgba(255,255,255,.6));animation:stampIn .9s cubic-bezier(.2,.9,.25,1.25) .5s both}
.lp-sec{padding:64px 0}
.lp-sec.alt{background:var(--paper)}
.lp-sec h2{text-align:center;font-size:32px;border:0;padding:0;margin:0 0 8px}
.lp-sec .lead{text-align:center;color:var(--mute);max-width:620px;margin:0 auto 34px}
.lp-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;background:#fff}
.lp-steps>div{padding:26px 26px 28px;border-inline-start:1px solid var(--line)}.lp-steps>div:first-child{border-inline-start:0}
.lp-steps h3{margin:0 0 6px}.lp-steps p{margin:0;color:var(--mute);font-size:15px}
.lp-feats{display:grid;grid-template-columns:repeat(2,1fr);gap:0 46px}
.lp-feat{display:flex;gap:16px;padding:20px 0;border-bottom:1px solid var(--line)}
.lp-feat::before{content:"";flex:none;width:30px;height:30px;margin-top:3px;background:var(--stamp);-webkit-mask:var(--fi,var(--i-shield)) center/contain no-repeat;mask:var(--fi,var(--i-shield)) center/contain no-repeat}
.lp-feat:nth-child(1){--fi:var(--i-badge)}.lp-feat:nth-child(2){--fi:var(--i-shield)}.lp-feat:nth-child(3){--fi:var(--i-pulse)}.lp-feat:nth-child(4){--fi:var(--i-quote)}.lp-feat:nth-child(5){--fi:var(--i-users)}.lp-feat:nth-child(6){--fi:var(--i-mail)}.lp-feat:nth-child(7){--fi:var(--i-shield)}.lp-feat:nth-child(8){--fi:var(--i-chart)}
body.lp{background:#fff}
.lp-feat h3{margin:0 0 3px;font-size:17px}.lp-feat p{margin:0;color:var(--mute);font-size:14.5px}
.lp-price{display:grid;grid-template-columns:1fr 1fr;gap:0;max-width:820px;margin:0 auto;border:1px solid var(--line-2);border-radius:var(--r-lg);overflow:hidden;background:#fff}
.lp-price .l{padding:32px;background:var(--ink) var(--rosette) no-repeat 140% 130%/360px;color:#fff}
.lp-price .l .big{font-family:var(--font-display);font-size:56px;line-height:1.2;font-weight:700}.lp-price .l small{color:#C3CBE6;font-size:15px}
.lp-price .r{padding:32px}.lp-price ul{list-style:none;padding:0;margin:0 0 20px}.lp-price li{padding:8px 0;border-bottom:1px solid var(--line);display:flex;gap:10px}
.lp-price li::before{content:"";flex:none;width:18px;height:18px;margin-top:4px;background:var(--valid);-webkit-mask:var(--seal-ok) center/contain no-repeat;mask:var(--seal-ok) center/contain no-repeat}
.lp-verify{max-width:660px;margin:0 auto;background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:24px;text-align:center}
.lp-faq details{background:#fff;border:1px solid var(--line);border-radius:var(--r-md);padding:15px 20px;margin:10px auto;max-width:820px}
.lp-faq summary{font-weight:600}.lp-faq details p{margin:10px 0 0;color:var(--mute)}
.lp-final{background:var(--ink) var(--rosette) no-repeat 10% 50%/520px;color:#fff;text-align:center;padding:60px 22px}
.lp-final h2{color:#fff;font-size:32px;margin:0 0 10px}.lp-final p{color:#C3CBE6;margin:0 0 22px}

/* ---------- manage-office (platform admin: one office) ---------- */
body.plain>.wrap{max-width:1180px;margin:0 auto;padding:26px 22px}
.hero{position:relative;overflow:hidden;display:flex;justify-content:space-between;gap:18px;align-items:center;flex-wrap:wrap;border-radius:var(--r-lg);padding:28px 30px;color:#fff;background:var(--ink) var(--rosette) no-repeat 10% 30%/480px}
.hero h1{color:#fff;margin:4px 0;font-size:27px}.hero p{margin:0;color:#C3CBE6}
.btn.white{background:#fff;color:var(--ink);border-color:transparent}.btn.white:hover{background:var(--stamp-soft)}
.btn.dark{background:var(--ink)}.btn.red{background:#fff;color:var(--bad);border-color:var(--bad-line)}
.tabs{display:flex;gap:6px;overflow:auto;margin:18px 0}
.tabs .tab{border:1px solid var(--line-2);background:#fff;color:var(--ink);border-radius:var(--r-sm);padding:10px 18px;font-weight:600;white-space:nowrap}
.tabs .tab.active{background:var(--ink);color:#fff;border-color:var(--ink)}
.panel{display:none}.panel.active{display:block}
.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 16px}
.field label{margin-top:12px}
.save{margin-top:16px}
.notice.ok{background:var(--valid-soft);border-color:var(--valid-line);color:#0B5C42}.notice.err{background:var(--bad-soft);border-color:var(--bad-line);color:#8E2116}
.table-wrap{overflow:auto}
.file-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.file-card{border:1px solid var(--line);border-radius:var(--r-md);padding:14px;background:var(--wash)}
.link{color:var(--stamp);text-decoration:none;font-weight:600}
.danger{border:1px solid var(--bad-line);background:#FFF8F7}.card.danger h2{border-color:var(--bad-line)}


/* ---------- subscription: two independent sections ---------- */
.paysel{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:12px 0}
.paycard{border:1.5px solid var(--line-2);border-radius:var(--r-md);padding:16px;background:#fff;cursor:pointer;transition:border-color .15s,box-shadow .15s,opacity .15s}
.paycard:not(.dim){border-color:var(--stamp);box-shadow:0 0 0 4px var(--stamp-soft)}
.paycard.dim{opacity:.66}
.paypick{display:flex;gap:8px;align-items:center;margin:0 0 6px;font-size:16px;cursor:pointer}
.paytotal{margin-top:12px;padding-top:10px;border-top:1px dashed var(--line-2);font-weight:600}
.paytotal b{font-size:21px;color:var(--stamp)}
@media(max-width:800px){.paysel{grid-template-columns:1fr}}
/* ---------- additions for the single-office edition ---------- */
.delta{display:inline-block;padding:1px 8px;border-radius:999px;font-size:12px;font-weight:700;background:#EAEEF7;color:var(--ink-2)}
.delta.up{background:var(--valid-soft);color:var(--valid)}.delta.down{background:var(--bad-soft);color:var(--bad)}
.eval{display:inline-block;padding:3px 12px;border-radius:999px;font-size:13px;font-weight:700;background:#EAEEF7;color:var(--ink-2)}
.eval.up{background:var(--valid-soft);color:var(--valid)}.eval.down{background:var(--bad-soft);color:var(--bad)}
.storage-card{border-color:var(--line)}.storage-card h2{border:0;padding:0;margin-bottom:0}
.verify-copy .verify-pick{cursor:pointer;display:block;width:100%;text-align:center}
.verify-status{margin-top:14px;padding:13px 15px;border-radius:var(--r-sm);font-weight:600}
.verify-status.ok{background:var(--valid-soft);color:#0B5C42}.verify-status.bad{background:var(--bad-soft);color:#8E2116}
.electronic-seal img{max-width:180px}

/* ---------- responsive ---------- */
@media(max-width:1000px){
  :root{--rail:292px}
  .rail{transform:translateX(100%);transition:transform .26s cubic-bezier(.3,.8,.3,1)}
  body.rail-open .rail{box-shadow:-20px 0 60px rgba(0,0,0,.35)}
  [dir=ltr] .rail{transform:translateX(-100%)}
  body.rail-open .rail{transform:none}
  .scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;inset:0;background:rgba(10,16,32,.5);z-index:65;opacity:0;pointer-events:none;transition:opacity .2s}
  body.rail-open .scrim{opacity:1;pointer-events:auto}
  .appbar{display:flex;align-items:center;justify-content:space-between;gap:10px;position:sticky;top:0;z-index:50;padding:10px 16px;background:var(--ink);color:#fff}
  .appbar .brandmark{padding:0;font-size:21px}.appbar .brandmark svg{width:30px;height:30px}
  .appbar button{background:rgba(255,255,255,.1);border:0;padding:9px 11px;border-radius:10px;color:#fff}
  .appbar button::before{content:"";width:21px;height:21px;background:currentColor;-webkit-mask:var(--i-menu) center/contain no-repeat;mask:var(--i-menu) center/contain no-repeat}
  .appbar .ttl{font-size:14px;color:#C3CBE6;margin-inline-start:auto}
  .main{margin-inline-start:0}
  .main>.wrap{padding:20px 16px 6px}
  body.auth{grid-template-columns:1fr}
  .auth-brand{display:none}
  .auth-main{min-height:100vh;justify-content:flex-start;padding-top:44px}
  .auth-main .mobile-brand{display:flex}
  .lp-hero .lp-in{grid-template-columns:1fr;padding:20px 0 56px}.lp-hero h1{font-size:34px}.specimen{margin-top:14px;max-width:340px}
  .lp-steps,.lp-feats,.lp-price{grid-template-columns:1fr}.lp-steps>div{border-inline-start:0;border-top:1px solid var(--line)}.lp-steps>div:first-child{border-top:0}
}
@media(min-width:1001px){.auth-main .mobile-brand{display:none}}
.mobile-brand{align-items:center;gap:10px;margin-bottom:26px;font-family:var(--font-display);font-weight:700;font-size:26px;color:var(--ink)}.mobile-brand svg{width:38px;height:38px;color:var(--stamp)}
@media(max-width:800px){
  .stats,.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .grid2,.form-grid,.grid,.mini-grid,.upload-box,.file-grid{grid-template-columns:1fr}
  .card{padding:18px}
  .pub .card{padding:20px}.pub .card .brand{margin:-20px -20px 16px;padding:24px 20px 16px}
  .super-hero{display:block;padding:24px 22px}.hero-badge{margin-top:16px}
  .form-footer,.section-head,.super-userbar{align-items:stretch;flex-direction:column}
  .manage-box{position:fixed;left:10px;right:10px;inset-inline:10px;width:auto;top:120px}
  .table{display:block;overflow:auto;white-space:nowrap}
  .pagehead h1,.super-userbar b{font-size:23px}
  .row{flex-direction:column;gap:2px;align-items:flex-start}
  .lp-hero h1{font-size:30px}.lp-sec{padding:44px 0}.lp-sec h2{font-size:26px}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}