:root{color-scheme:light;--font-family-ui: "Aptos", "Segoe UI Variable", "Segoe UI", sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.125rem;--line-height-base: 1.5;font-family:var(--font-family-ui);font-size:var(--font-size-sm);background:#eef3f9;color:#14253b}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;min-height:100%;height:100%;margin:0}body{overflow:hidden;background:linear-gradient(180deg,#f6f8fb,#edf2f7);font-family:inherit;font-size:inherit;line-height:var(--line-height-base)}button,input,select,textarea{font:inherit}button{border:1px solid rgba(38,58,84,.14);border-radius:.32rem;background:#fcfdfff0;color:#1f3349;cursor:pointer;padding:.68rem .9rem;font-size:inherit;font-weight:500;transition:opacity .14s ease,border-color .14s ease,background-color .14s ease,color .14s ease,box-shadow .14s ease;box-shadow:0 1px 2px #121f300d}button:hover:not(:disabled){box-shadow:0 1px 3px #121f3014;border-color:#3853742e;background:#fffffffa}button:disabled{cursor:not-allowed;opacity:.56;box-shadow:none}.auth-shell{position:relative;min-height:100dvh;display:grid;place-items:center;padding:1.5rem;background:transparent}.auth-shell__topbar{position:absolute;top:1.25rem;right:1.25rem;z-index:2}.auth-shell__logo{position:absolute;top:1.1rem;left:1.25rem;z-index:2;width:7.2rem;line-height:0}.auth-shell__logo img{display:block;width:100%;height:auto}.auth-shell-loading{align-content:center}.auth-card{border:1px solid rgba(25,47,76,.08);display:grid;gap:.9rem;width:min(100%,22rem);padding:1.35rem;border-radius:.5rem;background:#fff;box-shadow:0 28px 64px -34px #111d2b57,0 10px 24px -18px #111d2b29}.auth-card-loading p{margin:0;color:#6a7d90;font-size:var(--font-size-xs)}.auth-card-loading{justify-items:center;gap:.55rem;min-height:15rem;text-align:center}.auth-card__error{padding:.8rem .95rem;border-radius:.45rem;color:#9f4f10;background:#fff4e6f0;border:1px solid rgba(180,83,9,.14);font-size:var(--font-size-sm)}.auth-form{display:grid;gap:.78rem}.auth-step-summary{display:grid;gap:.18rem;padding:.8rem .9rem;border:1px solid rgba(42,66,98,.12);border-radius:.45rem;background:#f7fafceb}.auth-step-summary__label{color:#6a7d90;font-size:var(--font-size-xs)}.auth-step-summary strong{color:#17304b;font-size:var(--font-size-sm);font-weight:600;overflow-wrap:anywhere}.auth-step-summary__action{justify-self:start;min-height:0;padding:.18rem 0;border:0;border-radius:0;background:transparent;color:#1f5fa8;font-size:var(--font-size-sm);font-weight:600;box-shadow:none}.auth-step-summary__action:hover:not(:disabled){border-color:transparent;background:transparent;color:#154b84;box-shadow:none}.auth-field{display:block}.auth-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.auth-field input{width:100%;min-height:2.85rem;padding:0 .9rem;border:1px solid rgba(42,66,98,.12);border-radius:.45rem;background:#fff;color:#17304b;outline:none;font-size:inherit;transition:border-color .14s ease,box-shadow .14s ease,background-color .14s ease}.auth-field input::placeholder{color:#7e90a4}.auth-field input:focus{border-color:#2b6fd36b;box-shadow:0 0 0 3px #2b6fd31a;background:#fff}.auth-submit{min-height:2.85rem;margin-top:.15rem;justify-content:center;border:0;border-radius:.45rem;background:#16324d;color:#f9fbff;font-size:inherit;font-weight:600;box-shadow:none}.auth-submit:hover:not(:disabled){background:#12293f;color:#fff}.lang-toggle{display:flex;border:1px solid #e2e8f0;border-radius:.4rem;overflow:hidden}.lang-toggle__btn{border:0;border-radius:0;box-shadow:none;padding:.2rem .5rem;background:transparent;color:#5d7287;font-size:var(--font-size-xs);font-weight:600;letter-spacing:.05em;opacity:.6}.lang-toggle__btn:hover:not(:disabled){background:#f1f5f9a6;border-color:transparent;box-shadow:none;color:#17304b;opacity:.85}.lang-toggle__btn--active{background:#f1f5f9;color:#17304b;opacity:1}.lang-toggle__btn--runes{font-size:.85rem;color:#c4862a}.lang-toggle__btn--runes.lang-toggle__btn--active{background:#1e0e00;color:#e8a030;text-shadow:0 0 6px rgba(232,160,48,.65)}.auth-bankid-btn{display:flex;align-items:center;justify-content:center;width:100%;gap:.6rem;min-height:2.85rem;margin-top:.5rem;padding:.5rem 1rem;border:1.5px solid #e2e8f0;border-radius:.45rem;background:#fff;color:#16324d;font-size:var(--font-size-sm);font-weight:600;text-decoration:none;cursor:pointer;transition:background .15s,border-color .15s}.auth-bankid-btn:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1}.auth-bankid-btn:disabled{cursor:default}.auth-bankid-btn--loading{color:#64748b;gap:.5rem}.auth-bankid-spinner{display:inline-block;width:1rem;height:1rem;border:2px solid #e2e8f0;border-top-color:#3b1a5a;border-radius:50%;flex-shrink:0;animation:bankid-spin .7s linear infinite}@keyframes bankid-spin{to{transform:rotate(360deg)}}.auth-bankid-icon{height:.9rem;width:auto;display:block;flex-shrink:0}.app-shell{height:100dvh;display:grid;grid-template-rows:auto minmax(0,1fr)}.app-content{position:relative;min-height:0;overflow:hidden}.app-content__desktop,.app-content__apps{position:absolute;top:0;right:0;bottom:0;left:0;transition:opacity .18s ease,visibility .18s ease}.app-content__desktop{opacity:0;visibility:hidden;pointer-events:none}.app-content__desktop-active{opacity:1;visibility:visible;pointer-events:auto}.app-content__apps{opacity:0;pointer-events:none}.app-content__apps-active{opacity:1;pointer-events:auto}.app-titlebar{display:flex;align-items:center;gap:.75rem;padding:.45rem .8rem;background:#ecf1f7fa;border-bottom:1px solid rgba(23,38,61,.08);box-shadow:inset 0 -10px 14px -14px #1422356b}.app-titlebar__brand{display:flex;align-items:center;flex-shrink:0;padding-right:.5rem}.app-titlebar__logo{display:block;width:6rem;height:auto}.app-titlebar__desktop{display:flex;align-items:center;flex-shrink:0;padding-left:.75rem;border-left:1px solid rgba(23,38,61,.08)}.app-titlebar__tabs{display:flex;align-items:center;gap:.35rem;min-width:0;flex:1 1 auto;overflow-x:auto;padding-left:.75rem;border-left:1px solid rgba(23,38,61,.08);scrollbar-width:none}.app-titlebar__tabs::-webkit-scrollbar{display:none}.app-titlebar__session{display:flex;align-items:center;gap:.8rem;flex-shrink:0;padding-left:.8rem;border-left:1px solid rgba(23,38,61,.08);position:relative}.app-titlebar__identity{display:flex;align-items:center;min-width:0}.app-titlebar__identity strong{max-width:16rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--font-size-sm);font-weight:500;color:#22374d}.app-titlebar__identity span{color:#5b7088;font-size:var(--font-size-sm);white-space:nowrap}.app-titlebar__logout{min-height:2.1rem;padding:.48rem .8rem;border-radius:.4rem;background:#fffffff5}.user-menu{position:relative}.user-menu__trigger{display:inline-flex;align-items:center;gap:.7rem;min-height:2.1rem;padding:.34rem .7rem;border-radius:.45rem;background:#fffffff5}.user-menu__trigger-open{border-color:#2756a238;box-shadow:0 2px 8px #121f3014}.user-menu__identity{max-width:10rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#22374d;font-size:var(--font-size-sm);font-weight:600}.user-menu__burger{display:inline-grid;gap:.18rem;width:1rem}.user-menu__burger span{display:block;width:100%;height:2px;border-radius:999px;background:#33495f}.user-menu__dropdown{position:absolute;top:calc(100% + .5rem);right:0;z-index:20;display:grid;gap:.4rem;width:min(18rem,calc(100vw - 1.5rem));padding:.55rem;border:1px solid rgba(26,46,72,.12);border-radius:.6rem;background:#fffffffa;box-shadow:0 18px 46px -30px #0f172a8c,0 12px 28px -24px #0f172a52;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.user-menu__dropdown-header{display:grid;gap:.12rem;padding:.6rem .7rem .75rem;border-bottom:1px solid rgba(28,56,91,.08)}.user-menu__dropdown-header strong{color:#17304b;font-size:var(--font-size-sm)}.user-menu__dropdown-header span{color:#64748b;font-size:var(--font-size-xs);overflow-wrap:anywhere}.user-menu__action{display:block;min-height:0;padding:.72rem .82rem;border:0;border-radius:.58rem;background:transparent;color:#17304b;text-align:left;font-size:var(--font-size-sm);font-weight:600;box-shadow:none}.user-menu__action:hover:not(:disabled){border-color:transparent;background:#f1f6fbfa;box-shadow:none}.user-menu__action-danger{color:#8b2d2d}.user-dialog{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;pointer-events:none}.user-dialog__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;border:0;border-radius:0;background:#0f172a52;box-shadow:none;pointer-events:auto}.user-dialog__backdrop:hover:not(:disabled){border-color:transparent;background:#0f172a52;box-shadow:none}.user-dialog__panel{position:absolute;top:50%;left:50%;width:min(32rem,calc(100vw - 2rem));max-height:min(42rem,calc(100vh - 2rem));transform:translate(-50%,-50%);display:grid;gap:1rem;padding:1.2rem;border:1px solid rgba(24,44,69,.1);border-radius:1rem;background:#fffffffa;box-shadow:0 36px 84px -42px #0f172a80,0 18px 40px -30px #0f172a3d;pointer-events:auto}.user-dialog__header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.user-dialog__heading{display:grid;gap:.22rem}.user-dialog__heading strong{color:#14253b;font-size:var(--font-size-lg);font-weight:700;line-height:1.1}.user-dialog__heading p{margin:0;max-width:24rem;color:#61758b;font-size:var(--font-size-sm);line-height:1.55}.user-dialog__close{min-width:2.25rem;min-height:2.25rem;padding:0;border-radius:999px;font-size:var(--font-size-md);line-height:1;box-shadow:none}.user-dialog__form{display:grid;gap:.9rem}.user-dialog__feedback{padding:.8rem .9rem;border-radius:.65rem;font-size:var(--font-size-sm)}.user-dialog__feedback-error{color:#9f4f10;background:#fff4e6f0;border:1px solid rgba(180,83,9,.14)}.user-dialog__feedback-success{color:#1f5f3b;background:#ecfdf5f5;border:1px solid rgba(22,101,52,.14)}.user-dialog__status{padding:.7rem .8rem;border:1px solid rgba(30,64,100,.08);border-radius:.72rem;background:#f4f7fbf5;color:#566b82;font-size:var(--font-size-sm);font-weight:600}.user-dialog__fields{display:grid;gap:.85rem}.user-dialog__field,.user-dialog__grid{display:grid;gap:.45rem}.user-dialog__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.user-dialog__field span{color:#556b83;font-size:var(--font-size-xs);font-weight:600}.user-dialog__field input,.user-dialog__field select{width:100%;min-height:2.7rem;padding:0 .82rem;border:1px solid rgba(42,66,98,.12);border-radius:.72rem;background:#fff;color:#17304b;outline:none;transition:border-color .14s ease,box-shadow .14s ease,background-color .14s ease}.user-dialog__field input:focus,.user-dialog__field select:focus{border-color:#2b6fd36b;box-shadow:0 0 0 3px #2b6fd31a}.user-dialog__field input[readonly]:disabled{color:#51657e;background:#f4f7fbf5}.user-dialog__hint{color:#6a7d90;font-size:var(--font-size-xs);line-height:1.4}.user-dialog__footer{display:flex;justify-content:flex-end;gap:.65rem;padding-top:.2rem}.user-dialog__button{min-height:2.5rem;padding:.52rem .92rem;border-radius:.7rem;font-size:var(--font-size-sm);font-weight:600}.user-dialog__button-secondary{background:#f8fafcfa;color:#2c435b;box-shadow:none}.user-dialog__button-primary{background:#173b67;border-color:#173b67;color:#fff;box-shadow:none}.user-dialog__button-primary:hover:not(:disabled){background:#123257;border-color:#123257;color:#fff}.topbar-tab{display:inline-flex;align-items:center;min-height:2.35rem;flex-shrink:0;border:1px solid rgba(28,56,91,.12);border-radius:.24rem;background:#ffffffd1;box-shadow:0 1px 2px #121f300a;transition:border-color .14s ease,background-color .14s ease,color .14s ease,box-shadow .14s ease}.topbar-tab:hover{border-color:#285bad2e;background:#fffffff0;box-shadow:0 1px 3px #121f3012}.topbar-tab-active{border-color:#3c54713d;background:#fff;box-shadow:0 1px 2px #121f300f}.topbar-tab-desktop{justify-content:center;width:7.25rem;padding:0}.topbar-tab-app{width:10.75rem;padding-left:.18rem;padding-right:.15rem}.topbar-tab__activate,.topbar-tab__close{border:0;background:transparent;box-shadow:none;margin:0;transform:none}.topbar-tab__activate:hover:not(:disabled),.topbar-tab__close:hover:not(:disabled){transform:none;box-shadow:none}.topbar-tab__activate{display:inline-flex;align-items:center;gap:.5rem;min-height:2.15rem;min-width:0;width:100%;padding:.45rem .65rem;font-size:var(--font-size-sm);font-weight:500}.topbar-tab__close{min-width:1.85rem;min-height:1.85rem;padding:0;border-radius:.18rem;color:#61758e;font-size:var(--font-size-sm);line-height:1}.topbar-tab__close:hover:not(:disabled){background:#1118270d;color:#22374d}.topbar-tab__dot{width:.42rem;height:.42rem;border-radius:999px;background:color-mix(in srgb,var(--app-accent, #1a73e8) 62%,#54697f)}.topbar-tab__label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#304356;font-size:var(--font-size-sm)}.desktop-view{height:100%;overflow:auto;padding:.9rem}.desktop-banner{margin-bottom:1rem;padding:.75rem .85rem;border-radius:.28rem;background:#ffffffc7;border:1px solid rgba(28,56,91,.08)}.desktop-banner-error{color:#c2410c;border-color:#c2410c2e}.desktop-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem}.desktop-card{display:grid;gap:.85rem;padding:.9rem;border:1px solid rgba(28,56,91,.08);border-radius:.32rem;background:#ffffffe6;box-shadow:0 1px 2px #0f172a0a}.desktop-card-open{border-color:color-mix(in srgb,var(--app-accent, #1a73e8) 24%,rgba(28,56,91,.08))}.desktop-card__accent{height:.22rem;border-radius:999px;background:var(--app-accent, #1a73e8)}.desktop-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.desktop-card__header h2{margin:0;font-size:var(--font-size-md);font-weight:600}.desktop-card__header p{margin:.28rem 0 0;color:#566a82;line-height:1.45;font-size:var(--font-size-sm)}.desktop-card__state{flex-shrink:0;padding:.22rem .46rem;border-radius:.2rem;background:#14253b0d;color:#4d6078;font-size:var(--font-size-xs);font-weight:600}.desktop-card__state-open{background:color-mix(in srgb,var(--app-accent, #1a73e8) 14%,white);color:color-mix(in srgb,var(--app-accent, #1a73e8) 70%,#18304d)}.desktop-card__meta{display:grid;gap:.55rem;padding:.6rem .7rem;border-radius:.28rem;background:#f8fafceb;border:1px solid rgba(28,56,91,.08)}.desktop-card__meta-row{display:grid;gap:.18rem}.desktop-card__meta-label{color:#64748b;font-size:var(--font-size-xs);font-weight:600}.desktop-card__meta-value{margin:0;color:#1f3349;font-size:var(--font-size-sm);line-height:1.45;overflow-wrap:anywhere}.desktop-card__meta-value-code{font-family:Cascadia Code,Consolas,SFMono-Regular,monospace}.desktop-card__action{min-height:2.35rem;justify-content:center;background:#fafcfff5;border-color:#2d436124;color:#22384f;font-size:var(--font-size-sm);font-weight:500}.app-viewport{position:relative;height:100%;padding:0}.app-viewport__frame{position:relative;height:100%;overflow:hidden;border-radius:0;background:transparent;border:0;box-shadow:none}.app-viewport__surface{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;pointer-events:none}.app-viewport__surface-active{opacity:1;pointer-events:auto;z-index:1}.browser-surface{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:hidden;background:linear-gradient(180deg,#eaf0f8cc,#dee7f4e6),#eef4fa;outline:none;touch-action:none;-webkit-user-select:none;user-select:none}.browser-frame-image{display:block;width:100%;height:100%;object-fit:contain;object-position:center;background:#f8fafc;pointer-events:none}.browser-surface-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#51657e;font-size:var(--font-size-md);background:radial-gradient(circle at top,rgba(98,140,203,.08),transparent 36%)}.browser-surface__scrollbar{position:absolute;top:0;right:0;width:1.7rem;display:flex;justify-content:center;z-index:2;pointer-events:none}.browser-surface__scrollbar-track{position:relative;width:.9rem;height:100%;border-radius:999px;background:#121c2d42;box-shadow:inset 0 0 0 1px #121c2d2e,0 .24rem .85rem #121c2d24;pointer-events:auto}.browser-surface__scrollbar-thumb{position:absolute;left:0;width:100%;min-height:2.25rem;border-radius:999px;background:linear-gradient(180deg,#1d3053fa,#3d609af5);box-shadow:0 .45rem 1rem #22345447,inset 0 0 0 1px #ffffff57;cursor:grab;pointer-events:auto;touch-action:none}.browser-surface__scrollbar-thumb:active{cursor:grabbing}.browser-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;gap:.75rem;padding:2rem;text-align:center;color:#51657e;background:linear-gradient(180deg,#fff,#f7f9fc)}.browser-placeholder-subtle{background:linear-gradient(180deg,#ffffff47,#f7f9fc6b)}.browser-placeholder h2{margin:0;font-size:var(--font-size-md);font-weight:700}.browser-placeholder p{max-width:36rem;margin:0;line-height:1.5}@media (max-width: 1080px){.app-titlebar{flex-direction:column;align-items:stretch;gap:.55rem}.app-titlebar__desktop,.app-titlebar__tabs,.app-titlebar__session{width:100%;padding-left:0;border-left:0}.app-titlebar__session{justify-content:space-between;flex-wrap:wrap}.user-menu__dropdown{right:-.45rem;width:min(18rem,calc(100vw - 1rem))}}@media (max-width: 720px){.auth-shell{padding:1rem 1rem 1.25rem}.auth-shell__topbar{top:.85rem;right:.85rem}.auth-shell__logo{top:.78rem;left:.85rem;width:5.9rem}.auth-card{width:100%;padding:1.1rem;margin-top:2.3rem}.desktop-view{padding:.7rem}.desktop-grid{grid-template-columns:1fr}.user-dialog__panel{width:calc(100vw - 1rem);padding:1rem}.user-dialog__grid{grid-template-columns:minmax(0,1fr)}.user-dialog__footer{flex-direction:column-reverse}.user-dialog__button{width:100%}}
