html,body{height:100%}
  body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
  .scrollbar::-webkit-scrollbar{width:7px;height:7px}
  .scrollbar::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:99px}
  .glass{backdrop-filter:blur(14px)}
  .nav-active{background:#eef2ff;color:#4338ca;font-weight:600}
  .page{display:none}
  .page.active{display:block}
  .modal{display:none}
  .modal.open{display:flex}
  .toast{transform:translateY(20px);opacity:0;pointer-events:none;transition:.25s}
  .toast.show{transform:translateY(0);opacity:1}
  @media(min-width:901px){
    #sidebar{width:256px!important;min-width:256px!important;max-width:256px!important;overflow:visible}
    #sidebar.sidebar-collapsed{width:76px!important;min-width:76px!important;max-width:76px!important}
  }
  .sidebar-collapsed .brand-text,.sidebar-collapsed .nav-label,.sidebar-collapsed .company-name{display:none}
  .sidebar-collapsed .nav-item{justify-content:center}
  .sidebar-collapsed .px-3.pb-2{display:none}
  .sidebar-collapsed nav{padding-left:10px;padding-right:10px}
  .sidebar-collapsed .nav-item{padding-left:0;padding-right:0}
  .sidebar-collapsed .nav-item svg{margin:auto}
  .app-sidebar-collapsed{margin-left:76px !important}
  #sidebarInternalToggle{position:absolute;top:18px;right:-15px;width:30px;height:30px;border-radius:999px;background:#4F46E5;color:white;display:flex;align-items:center;justify-content:center;z-index:70;border:3px solid white;box-shadow:0 4px 12px rgba(15,23,42,.25)}
  #sidebarInternalToggle:hover{background:#3730A3}
  body.dark-mode #sidebarInternalToggle{border-color:#1e293b}
  #sidebar .sidebar-groups-scroll{flex:1;min-height:0;overflow-y:auto;padding:0 12px 12px}
  #sidebar .sidebar-group{margin-bottom:4px}
  #sidebar .sidebar-group-header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:10px 8px 7px;color:#94a3b8;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;border-radius:8px}
  #sidebar .sidebar-group-header:hover{background:#f8fafc;color:#475569}
  #sidebar .sidebar-group-chevron{transition:transform .2s}
  #sidebar .sidebar-group.is-collapsed .sidebar-group-chevron{transform:rotate(-90deg)}
  #sidebar .sidebar-group-content{display:block}
  #sidebar .sidebar-group-content.hidden{display:none}
  #sidebar .sidebar-group-content .nav-item+.nav-item{margin-top:4px}
  #sidebar.sidebar-collapsed .sidebar-group-header{display:none}
  #sidebar.sidebar-collapsed .sidebar-group-content{display:block!important}
  #sidebar.sidebar-collapsed .sidebar-groups-scroll{padding-left:10px;padding-right:10px}
  .dalice-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;border-top:1px solid #e2e8f0;flex-wrap:wrap}
  .dalice-pagination-info{font-size:12px;color:#64748b}
  .dalice-pagination-actions{display:flex;align-items:center;gap:5px;flex-wrap:wrap}
  .dalice-page-btn{min-width:34px;height:34px;padding:0 9px;border:1px solid #e2e8f0;border-radius:9px;font-size:12px;font-weight:600;color:#475569;background:#fff}
  .dalice-page-btn:hover:not(:disabled){border-color:#4F46E5;color:#4F46E5}
  .dalice-page-btn.active{background:#4F46E5;border-color:#4F46E5;color:#fff}
  .dalice-page-btn:disabled{opacity:.4;cursor:not-allowed}
  body.dark-mode #sidebar .sidebar-group-header:hover{background:#334155;color:#f8fafc}
  body.dark-mode .dalice-pagination{border-color:#334155}
  body.dark-mode .dalice-pagination-info{color:#94a3b8}
  body.dark-mode .dalice-page-btn{background:#0f172a;border-color:#475569;color:#cbd5e1}
  #fiscalDocumentModal{padding:12px;overflow-y:auto}
  #fiscalDocumentModal>div{max-width:896px;max-height:94vh;overflow-y:auto;margin:auto}
  #fiscalDocumentModal>div>div:first-child{position:sticky;top:0;background:white;z-index:10}
  #fiscalDocumentModal form>div:last-child{position:sticky;bottom:0;background:white;padding-top:12px;padding-bottom:4px;border-top:1px solid #e2e8f0;z-index:9}
  @media(min-width:1024px){#sidebar{transition:width .2s ease} #appMain{transition:margin-left .2s ease}}
  @media(max-width:900px){
    #sidebar{position:fixed!important;z-index:80!important;inset:0 auto 0 0!important;left:0!important;transform:translateX(-105%);transition:transform .25s ease;width:min(86vw,320px)!important;min-width:min(86vw,320px)!important;max-width:min(86vw,320px)!important;height:100dvh!important;overflow:visible!important;box-shadow:0 18px 50px rgba(15,23,42,.28)}
    #sidebar.sidebar-collapsed{width:280px!important;min-width:280px!important;max-width:280px!important}
    #sidebarInternalToggle{display:none!important}
    #sidebar.mobile-open{transform:translateX(0)}
    #overlay.mobile-open{display:block!important;position:fixed!important;inset:0!important;z-index:70!important;background:rgba(15,23,42,.55)!important}
    #mobileSidebarClose{display:flex!important}
    body.dalice-mobile-menu-open{overflow:hidden!important;touch-action:none}
    #appMain,#appMain.app-sidebar-collapsed{margin-left:0!important;width:100%!important}
  }
  @media(min-width:901px){#mobileSidebarClose{display:none!important}}
  body.dark-mode{background:#0f172a;color:#e2e8f0}
  body.dark-mode #appMain,body.dark-mode main,body.dark-mode .bg-slate-50{background:#0f172a!important}
  body.dark-mode .bg-white{background:#1e293b!important}
  body.dark-mode .border-slate-100,body.dark-mode .border-slate-200,body.dark-mode .border{border-color:#334155!important}
  body.dark-mode .text-slate-900,body.dark-mode .text-slate-800,body.dark-mode .text-slate-700,body.dark-mode .text-slate-600{color:#e2e8f0!important}
  body.dark-mode .text-slate-500,body.dark-mode .text-slate-400{color:#94a3b8!important}
  body.dark-mode input,body.dark-mode select,body.dark-mode textarea{background:#0f172a!important;color:#e2e8f0!important;border-color:#475569!important}
  body.dark-mode input:disabled,body.dark-mode select:disabled{background:#334155!important}
  body.dark-mode tr:hover{background:#334155!important}
  body.dark-mode .nav-active,body.dark-mode .bg-\[\#EEF2FF\]{background:#312e81!important;color:#e0e7ff!important}
  body.dark-mode .modal>div{background:#1e293b!important}
  body.dark-mode .sticky.bg-white{background:#1e293b!important}
  body.dark-mode #realSubscriptionSummary{background:#172554!important;border-color:#3730a3!important;color:#e0e7ff!important}
  body.dark-mode #realSubscriptionSummary .text-slate-500{color:#cbd5e1!important}
  body.dark-mode #realSubscriptionSummary .text-indigo-700{color:#a5b4fc!important}
  body.dark-mode #usersTable .bg-slate-100{background:#334155!important;color:#f8fafc!important}
  body.dark-mode #usersTable .bg-emerald-50{background:#064e3b!important;color:#a7f3d0!important}
  body.dark-mode .bg-slate-100{background:#334155!important;color:#f8fafc!important}
  body.dark-mode .bg-amber-50{background:#451a03!important;color:#fde68a!important}
  body.dark-mode .bg-emerald-50{background:#052e2b!important;color:#a7f3d0!important}
  body.dark-mode .bg-rose-50{background:#4c0519!important;color:#fecdd3!important}
  body.dark-mode .bg-blue-50{background:#172554!important;color:#bfdbfe!important}
  body.dark-mode #checkoutSecuritySummary{background:#064e3b!important;border-color:#047857!important}
  body.dark-mode #checkoutSecuritySummary .text-emerald-950{color:#ecfdf5!important}
  body.dark-mode #checkoutSecuritySummary .text-emerald-800{color:#a7f3d0!important}

#twoFactorModal{z-index:150!important}

/* Utilities used by the recovery-code panel, absent from the static bundle. */
.bg-slate-950{background-color:#020617}
.bg-white\/10{background-color:rgb(255 255 255 / .1)}
.select-all{user-select:all}

.mandalle-signature{display:inline-flex;align-items:center;gap:.3rem;color:#94a3b8;transition:color .2s ease}
  .mandalle-signature:hover{color:#5548E7}
  .mandalle-heart{display:inline-block;color:#5548E7;filter:drop-shadow(0 0 5px rgba(85,72,231,.35));animation:mandalle-heartbeat 1.8s ease-in-out infinite;transform-origin:center}
  @keyframes mandalle-heartbeat{0%,45%,100%{transform:scale(1)}12%{transform:scale(1.18)}24%{transform:scale(.98)}34%{transform:scale(1.1)}}
  @media (prefers-reduced-motion:reduce){.mandalle-heart{animation:none}}


/* Readable modal help text and visible keyboard focus in both themes. */
.modal .text-slate-400{color:#475569}
body.dark-mode .modal .text-slate-400{color:#cbd5e1!important}
.modal :is(button,input,select,textarea,a,[tabindex]):focus-visible{outline:2px solid #4f46e5;outline-offset:3px}
body.dark-mode .modal :is(button,input,select,textarea,a,[tabindex]):focus-visible{outline-color:#a5b4fc}
.modal button[data-dalice-close="true"]{min-width:44px;min-height:44px}


/* Production preparation uses explicit styles: utility CSS is compiled locally. */
#fiscalProductionSetupModal #fpsReadiness { white-space: pre-line; line-height: 1.5; overflow-wrap: anywhere; }
#fiscalProductionSetupModal #fpsSave { background-color: #4f46e5; color: #fff; }
#fiscalProductionSetupModal #fpsSave:hover { background-color: #4338ca; }
#fiscalProductionSetupModal #fpsSave:disabled { opacity: .6; }