*{box-sizing:border-box}body{color:#1a1d23;background:#f4f5f7;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}button{font-family:inherit}:root{--etoimisto-green-900:#094320;--etoimisto-green-700:#195830;--etoimisto-green-vivid:#178c32;--etoimisto-lime:#75d322;--etoimisto-forest:#0c4021;--etoimisto-silver:#a9b6b7;--etoimisto-neutral-900:#2e4236;--etoimisto-neutral-500:#5b6b62;--etoimisto-neutral-200:#d9e2dc;--etoimisto-neutral-150:#e8ece9;--etoimisto-neutral-100:#ebf0ec;--etoimisto-neutral-50:#f6f9f7;--color-background:var(--etoimisto-neutral-50);--color-surface:#fff;--color-surface-muted:var(--etoimisto-neutral-100);--color-border:var(--etoimisto-neutral-200);--color-border-muted:var(--etoimisto-neutral-150);--color-text:var(--etoimisto-neutral-900);--color-text-muted:var(--etoimisto-neutral-500);--color-text-subtle:var(--etoimisto-silver);--color-primary:var(--etoimisto-green-700);--color-primary-hover:var(--etoimisto-green-900);--color-primary-muted:var(--etoimisto-neutral-100);--color-on-primary:#fff;--color-accent:var(--etoimisto-lime);--color-accent-vivid:var(--etoimisto-green-vivid);--color-on-accent:var(--etoimisto-green-900);--color-success:var(--etoimisto-green-700);--color-success-bg:#eaf5ef;--color-success-border:#bcdfcd;--color-warning:#b67d1b;--color-warning-bg:#fffbeb;--color-warning-border:#fde68a;--color-danger:#b81e1e;--color-danger-hover:#991b1b;--color-danger-bg:#fef2f2;--color-danger-border:#fecaca;--color-info:#2f66ec;--color-info-bg:#eff6ff;--color-info-border:#bfdbfe;--color-focus:var(--etoimisto-green-700);--radius-control:.75rem;--radius-card:1rem;--radius-pill:9999px;--shadow-card:0 1px 2px #17211d0f, 0 1px 1px #17211d0a;--shadow-raised:0 4px 12px #17211d1a;--font-sans:"Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-size-sm:.8125rem;--font-size-base:.9375rem;--font-size-lg:1.125rem;--font-size-xl:1.5rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem}@media (prefers-color-scheme:dark){:root{--color-background:#0e1611;--color-surface:#141f18;--color-surface-muted:#1f2923;--color-border:#27342d;--color-border-muted:#27342d;--color-text:#f0f4f2;--color-text-muted:#9fada3;--color-text-subtle:#9fada3;--color-primary:#36a159;--color-primary-hover:#2c8a49;--color-accent:#80c841;--color-accent-vivid:#30b54f;--color-focus:#36a159}}.df-page{font-family:var(--font-sans);color:var(--color-text);background:var(--color-background);padding:var(--space-6);max-width:1024px}.df-page-header{margin-bottom:var(--space-6);justify-content:space-between;align-items:baseline;gap:var(--space-2);flex-wrap:wrap;display:flex}.df-page-title{font-size:var(--font-size-xl);margin:0;font-weight:700}.df-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:var(--space-4);margin-bottom:var(--space-4)}.df-card-title{font-size:var(--font-size-lg);margin:0 0 var(--space-3) 0;font-weight:600}.df-field-row{gap:var(--space-4);margin-bottom:var(--space-2);flex-wrap:wrap;display:flex}.df-field{gap:var(--space-1);flex-direction:column;min-width:200px;display:flex}.df-field label{font-size:var(--font-size-sm);color:var(--color-text-muted)}.df-input,.df-select{font-family:var(--font-sans);font-size:var(--font-size-base);padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface);color:var(--color-text)}.df-input:focus,.df-select:focus{outline:2px solid var(--color-focus);outline-offset:1px}.df-button{font-family:var(--font-sans);font-size:var(--font-size-base);padding:var(--space-2) var(--space-4);border-radius:var(--radius-control);cursor:pointer;background:var(--color-primary);color:var(--color-on-primary);border:1px solid #0000;font-weight:600}.df-button:hover{background:var(--color-primary-hover)}.df-button:disabled{opacity:.55;cursor:not-allowed}.df-button-secondary{background:var(--color-surface);color:var(--color-primary);border-color:var(--color-border)}.df-button-secondary:hover{background:var(--color-primary-muted)}.df-table{border-collapse:collapse;width:100%;font-size:var(--font-size-base)}.df-table th{text-align:left;font-size:var(--font-size-sm);color:var(--color-text-muted);border-bottom:1px solid var(--color-border);padding:var(--space-2) var(--space-3)}.df-table td{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border-muted)}.df-badge{font-size:var(--font-size-sm);padding:2px var(--space-2);border-radius:var(--radius-pill);border:1px solid #0000;font-weight:600;display:inline-block}.df-badge-success{background:var(--color-success-bg);color:var(--color-success);border-color:var(--color-success-border)}.df-badge-warning{background:var(--color-warning-bg);color:var(--color-warning);border-color:var(--color-warning-border)}.df-badge-danger{background:var(--color-danger-bg);color:var(--color-danger);border-color:var(--color-danger-border)}.df-badge-info{background:var(--color-info-bg);color:var(--color-info);border-color:var(--color-info-border)}.df-badge-neutral{background:var(--color-surface-muted);color:var(--color-text-muted);border-color:var(--color-border)}.df-state-message{padding:var(--space-4);color:var(--color-text-muted);font-size:var(--font-size-base)}.df-state-error{background:var(--color-danger-bg);color:var(--color-danger);border:1px solid var(--color-danger-border);border-radius:var(--radius-control);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-4)}.df-nav-locale{gap:var(--space-1);align-items:center;display:flex}.df-nav-locale button{font-family:var(--font-sans);font-size:var(--font-size-sm);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-muted);border-radius:var(--radius-control);padding:2px var(--space-2);cursor:pointer}.df-nav-locale button[aria-pressed=true]{background:var(--color-primary-muted);color:var(--color-primary);border-color:var(--color-primary);font-weight:700}.df-stepper{gap:var(--space-2);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.df-stepper-step{align-items:center;gap:var(--space-2);font-family:var(--font-sans);font-size:var(--font-size-sm);color:var(--color-text-muted);padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);border:1px solid var(--color-border);background:var(--color-surface);cursor:pointer;display:flex}.df-stepper-step:disabled{opacity:.5;cursor:not-allowed}.df-stepper-step-number{border-radius:var(--radius-pill);background:var(--color-surface-muted);width:1.375rem;height:1.375rem;color:var(--color-text-muted);font-weight:700;font-size:var(--font-size-sm);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.df-stepper-step.active{border-color:var(--color-primary);color:var(--color-primary);font-weight:700}.df-stepper-step.active .df-stepper-step-number{background:var(--color-primary);color:var(--color-on-primary)}.df-stepper-step.complete .df-stepper-step-number{background:var(--color-success);color:var(--color-on-primary)}.df-stepper-step.warning .df-stepper-step-number{background:var(--color-warning);color:var(--color-on-primary)}.df-stepper-step.blocked .df-stepper-step-number{background:var(--color-danger);color:var(--color-on-primary)}.df-wizard-actions{justify-content:space-between;align-items:center;gap:var(--space-3);margin-top:var(--space-6);background:var(--color-background);padding:var(--space-3) 0;border-top:1px solid var(--color-border);display:flex;position:sticky;bottom:0}.df-review-list{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.df-review-list li{align-items:baseline;gap:var(--space-2);display:flex}.centered-page{justify-content:center;align-items:center;min-height:100vh;padding:1rem;display:flex}.card{background:#fff;border:1px solid #e2e4e9;border-radius:10px;margin-bottom:1.5rem;padding:1.5rem;box-shadow:0 1px 2px #00000008}.login-card{flex-direction:column;gap:.9rem;width:100%;max-width:360px;display:flex}.login-card h1{margin:0;font-size:1.3rem}.subtitle{color:#6b7280;margin:0 0 .5rem;font-size:.9rem}label{color:#374151;flex-direction:column;gap:.3rem;font-size:.85rem;font-weight:600;display:flex}input,select{border:1px solid #d1d5db;border-radius:6px;padding:.5rem .6rem;font-family:inherit;font-size:.95rem}button{color:#fff;cursor:pointer;background:#1a1d23;border:1px solid #1a1d23;border-radius:6px;padding:.55rem 1rem;font-weight:600}button:disabled{opacity:.5;cursor:default}.link-button{color:#374151;background:0 0;border:none;padding:0;font-weight:500;text-decoration:underline}.error-banner{color:#991b1b;background:#fef2f2;border:1px solid #fca5a5;border-radius:6px;padding:.5rem .7rem;font-size:.85rem}.app-shell{flex-direction:column;min-height:100vh;display:flex}.app-header{background:#fff;border-bottom:1px solid #e2e4e9;justify-content:space-between;align-items:center;padding:.75rem 1.25rem;display:flex}.app-header-left,.app-header-right{align-items:center;gap:.9rem;display:flex}.app-title{font-weight:700}.company-switcher{min-width:200px}.current-user{color:#6b7280;font-size:.9rem}.app-body{flex:1;display:flex}.app-nav{background:#fff;border-right:1px solid #e2e4e9;flex-direction:column;width:230px;padding:1rem 0;display:flex}.app-nav a{color:#374151;padding:.6rem 1.25rem;font-size:.9rem;text-decoration:none}.app-nav a.active{background:#f0f1f4;border-right:3px solid #1a1d23;font-weight:600}.app-content{flex:1;max-width:900px;padding:1.75rem 2rem}.empty-state,.access-denied{text-align:center;color:#374151;background:#fff;border:1px dashed #d1d5db;border-radius:10px;padding:2rem}.muted{color:#6b7280;font-size:.9rem}.pill-list{flex-wrap:wrap;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.pill{color:#3730a3;background:#eef2ff;border-radius:999px;padding:.25rem .6rem;font-family:monospace;font-size:.8rem}.module-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem;display:grid}.module-card{border:1px solid #e2e4e9;border-radius:8px;flex-direction:column;gap:.5rem;padding:1rem;display:flex}.module-card-header{justify-content:space-between;align-items:center;display:flex}.status-badge{text-transform:uppercase;border-radius:999px;padding:.15rem .5rem;font-size:.7rem;font-weight:700}.status-active,.status-trial,.status-grace{color:#166534;background:#dcfce7}.status-suspended,.status-expired,.status-cancelled,.status-pending,.status-none{color:#991b1b;background:#fee2e2}.ping-result{margin:0;font-family:monospace;font-size:.8rem}.server-time{color:#9ca3af;font-size:.75rem}.company-select-label{margin-bottom:1rem;display:inline-flex}.entitlement-table{border-collapse:collapse;background:#fff;width:100%}.entitlement-table th,.entitlement-table td{text-align:left;border-bottom:1px solid #eee;padding:.6rem .8rem;font-size:.9rem}.sub-nav{border-bottom:1px solid #e2e4e9;gap:1.25rem;margin-bottom:1.25rem;padding-bottom:.5rem;display:flex}.sub-nav a{color:#6b7280;padding-bottom:.5rem;font-size:.9rem;font-weight:600;text-decoration:none}.sub-nav a.active{color:#1a1d23;border-bottom:2px solid #1a1d23}.toolbar{align-items:center;gap:.6rem;margin-bottom:1rem;display:flex}.voucher-form-header{gap:1.5rem;margin-bottom:1rem;display:flex}.voucher-totals{gap:1.5rem;margin:1rem 0;font-size:.9rem;font-weight:600;display:flex}.balance-ok{color:#166534}.balance-bad{color:#991b1b}.card-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem;display:grid}.amount{margin:.25rem 0;font-size:1.4rem;font-weight:700}.badge{color:#3730a3;background:#eef2ff;border-radius:999px;padding:.15rem .5rem;font-size:.75rem;font-weight:600;display:inline-block}.badge-danger{color:#991b1b;background:#fef2f2}.badge-ok{color:#166534;background:#ecfdf5}.mobile-shell{color:#f8fafc;background:#0f172a;flex-direction:column;min-height:100vh;display:flex}.mobile-header{background:#1e293b;justify-content:space-between;align-items:center;padding:.75rem 1rem;font-size:.9rem;display:flex}.mobile-header button{color:#f8fafc;background:0 0;border:1px solid #475569;border-radius:6px;padding:.3rem .7rem}.mobile-body{flex-direction:column;flex:1;gap:1rem;padding:1rem;display:flex}.mobile-scan-input{color:#f8fafc;background:#1e293b;border:2px solid #475569;border-radius:12px;width:100%;padding:1rem;font-size:1.3rem}.mobile-big-button{color:#fff;background:#2563eb;border:none;border-radius:14px;width:100%;padding:1.4rem;font-size:1.2rem;font-weight:700}.mobile-action-grid{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.mobile-action-button{color:#f8fafc;background:#1e293b;border:2px solid #334155;border-radius:14px;padding:1.3rem .5rem;font-size:1.05rem;font-weight:700}.mobile-action-button:active{background:#334155}.mobile-field{flex-direction:column;gap:.35rem;font-size:.95rem;display:flex}.mobile-field input,.mobile-field select{color:#f8fafc;background:#1e293b;border:2px solid #475569;border-radius:10px;padding:.8rem;font-size:1.1rem}.mobile-item-banner{background:#1e293b;border:2px solid #334155;border-radius:12px;padding:1rem}.mobile-toast-error{background:#7f1d1d;border-radius:10px;padding:.8rem 1rem;font-size:.95rem}.mobile-toast-ok{background:#14532d;border-radius:10px;padding:.8rem 1rem;font-size:.95rem}.mobile-back-link{color:#93c5fd;text-align:left;background:0 0;border:none;padding:0;font-size:1rem}