.framtiden-root{--f-primary:var(--hk-accent);--f-primary-dark:var(--hk-accent-strong);--f-primary-light:var(--hk-accent-soft);--f-accent:var(--hk-warn);--f-bg:transparent;--f-surface:var(--hk-glass);--f-surface-2:var(--hk-glass-strong);--f-text:var(--hk-ink);--f-text-dim:var(--hk-ink-dim);--f-text-muted:var(--hk-ink-faint);--f-border:var(--hk-glass-edge);--f-border-strong:#0d142229;--f-danger:var(--hk-danger);--f-success:var(--hk-success);--f-warning:var(--hk-warn);--f-radius:var(--hk-radius);--f-radius-sm:var(--hk-radius-sm);--f-shadow-sm:var(--hk-shadow-sm);--f-shadow-md:var(--hk-shadow-md);font-family:var(--hk-font);background:var(--f-bg);color:var(--f-text);flex-direction:column;min-height:100vh;display:flex}:root.dark .framtiden-root{--f-border-strong:#ffffff29}.framtiden-root *{box-sizing:border-box;font-family:inherit}.framtiden-root button{cursor:pointer;font-family:inherit}.framtiden-root input,.framtiden-root textarea,.framtiden-root select{font-family:inherit;font-size:14px}.framtiden-tabs{z-index:90;background:color-mix(in srgb, var(--hk-canvas-1) 78%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);scrollbar-width:none;gap:2px;width:100%;margin:4px 0 0;padding:6px 24px;display:flex;position:sticky;top:66px;overflow-x:auto}.framtiden-tabs::-webkit-scrollbar{display:none}.framtiden-tab{min-height:40px;color:var(--f-text-dim);letter-spacing:.1px;border-radius:var(--hk-radius-pill);transition:background var(--hk-dur) var(--hk-ease), color var(--hk-dur) var(--hk-ease);white-space:nowrap;align-items:center;gap:7px;padding:0 15px;font-size:13px;font-weight:590;text-decoration:none;display:flex}.framtiden-tab:hover{color:var(--f-primary);background:var(--f-primary-light)}.framtiden-tab-active{color:var(--hk-accent-strong)!important;background:var(--f-primary-light)!important}.framtiden-tab-icon{align-items:center;line-height:1;display:flex}.framtiden-main{flex:1;width:100%;padding:30px 32px 40px}.framtiden-h1{letter-spacing:-.5px;margin:0 0 6px;font-size:28px;font-weight:700}.framtiden-h2{margin:0 0 4px;font-size:18px;font-weight:600}.framtiden-subtitle{color:var(--f-text-dim);margin:0 0 24px;font-size:14px}.framtiden-section-title{color:var(--f-text-dim);letter-spacing:1px;text-transform:uppercase;margin:0 0 10px;font-size:11px;font-weight:700}.framtiden-card{background:var(--f-surface);-webkit-backdrop-filter:var(--hk-glass-blur);backdrop-filter:var(--hk-glass-blur);border:1px solid var(--hk-glass-border);border-radius:var(--f-radius);box-shadow:var(--f-shadow-sm);padding:20px}.framtiden-card-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.framtiden-btn{background:var(--hk-btn);color:var(--f-text);border-radius:var(--hk-radius-sm);letter-spacing:0;min-height:28px;transition:background var(--hk-dur) var(--hk-ease), transform .1s;border:none;justify-content:center;align-items:center;gap:5px;padding:4px 10px;font-size:12.5px;font-weight:590;display:inline-flex}.framtiden-btn:hover:not(:disabled){background:var(--hk-btn-hover)}.framtiden-btn:active:not(:disabled){transform:scale(.98)}.framtiden-btn:disabled{opacity:.4;cursor:not-allowed}.framtiden-btn.primary{background:var(--hk-accent);color:var(--hk-on-accent)}.framtiden-btn.primary:hover:not(:disabled){background:var(--hk-accent-strong)}.framtiden-btn.secondary{color:var(--f-text-dim);background:0 0;border:none}.framtiden-btn.secondary:hover:not(:disabled){background:var(--hk-btn);color:var(--f-text)}.framtiden-btn.danger{background:var(--hk-btn);color:var(--f-danger)}.framtiden-btn.danger:hover:not(:disabled){background:var(--hk-danger-soft)}.framtiden-btn.small{min-height:24px;padding:2px 8px;font-size:11.5px}.framtiden-input,.framtiden-textarea,.framtiden-select{border-radius:var(--f-radius-sm);background:var(--hk-field);width:100%;color:var(--f-text);transition:border-color var(--hk-dur) var(--hk-ease);border:none;padding:10px 12px;font-size:14px}.framtiden-input:focus,.framtiden-textarea:focus,.framtiden-select:focus{box-shadow:0 0 0 2px var(--hk-accent-soft);outline:none}.framtiden-textarea{resize:vertical;min-height:120px;line-height:1.5}.framtiden-label{color:var(--f-text-dim);letter-spacing:.5px;text-transform:uppercase;margin-bottom:6px;font-size:11px;font-weight:600;display:block}.framtiden-tag{text-transform:uppercase;border-radius:var(--hk-radius-xs);letter-spacing:.4px;padding:2px 7px;font-size:10px;font-weight:650;display:inline-block}.framtiden-tag.brand{background:var(--f-primary-light);color:var(--f-primary-dark)}.framtiden-tag.warn{background:var(--hk-warn-soft);color:var(--hk-warn)}.framtiden-tag.danger{background:var(--hk-danger-soft);color:var(--hk-danger)}.framtiden-tag.info{background:var(--hk-accent-soft);color:var(--hk-accent-strong)}.framtiden-tag.success{background:var(--hk-success-soft);color:var(--hk-success)}.framtiden-tag.muted{background:var(--hk-btn);color:var(--hk-ink-dim)}.framtiden-list{flex-direction:column;gap:0;display:flex}.framtiden-list-item{border:none;border-bottom:1px solid var(--f-border);transition:background var(--hk-dur) var(--hk-ease);background:0 0;border-radius:0;justify-content:space-between;align-items:center;gap:16px;padding:17px 8px;display:flex}.framtiden-list-item:hover{background:var(--hk-field)}.framtiden-list-item-main{flex:1;min-width:0}.framtiden-list-item-title{white-space:nowrap;text-overflow:ellipsis;margin:0 0 2px;font-size:14px;font-weight:600;overflow:hidden}.framtiden-list-item-meta{color:var(--f-text-dim);flex-wrap:wrap;align-items:center;gap:8px;font-size:12px;display:flex}.framtiden-list-item-actions{flex-shrink:0;gap:6px;display:flex}.framtiden-empty{text-align:center;color:var(--f-text-dim);padding:60px 20px}.framtiden-empty-icon{opacity:.4;margin-bottom:12px;font-size:42px}.framtiden-empty-title{color:var(--f-text);margin:0 0 4px;font-size:16px;font-weight:600}.framtiden-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:34px;display:grid}.framtiden-kpi{background:var(--f-surface);-webkit-backdrop-filter:var(--hk-glass-blur);backdrop-filter:var(--hk-glass-blur);border:1px solid var(--hk-glass-border);border-radius:var(--f-radius);box-shadow:var(--f-shadow-sm);padding:20px}.framtiden-kpi-label{color:var(--f-text-dim);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:11px;font-weight:600}.framtiden-kpi-value{color:var(--f-primary);letter-spacing:-.5px;font-size:32px;font-weight:700;line-height:1}.framtiden-kpi-sublabel{color:var(--f-text-muted);margin-top:4px;font-size:11px}.framtiden-split{grid-template-columns:1fr;gap:16px;display:grid}@media (min-width:900px){.framtiden-split{grid-template-columns:1fr 1fr}}.framtiden-split-panel{background:var(--f-surface);-webkit-backdrop-filter:var(--hk-glass-blur);backdrop-filter:var(--hk-glass-blur);border:1px solid var(--hk-glass-border);border-radius:var(--f-radius);padding:20px}.framtiden-split-panel-title{border-bottom:1px solid var(--f-border);align-items:center;gap:10px;margin:0 0 14px;padding-bottom:10px;font-size:14px;font-weight:700;display:flex}.framtiden-split-panel-icon{background:var(--f-primary-light);width:32px;height:32px;color:var(--f-primary);border-radius:0;justify-content:center;align-items:center;font-size:16px;display:flex}.framtiden-spinner{border-radius:var(--hk-radius-sm);background-image:linear-gradient(90deg, transparent 30%, #ffffff73 50%, transparent 70%), repeating-linear-gradient(to bottom, var(--hk-field) 0 52px, transparent 52px 68px);width:100%;height:292px;animation:hk-shimmer 1.4s var(--hk-ease) infinite;background-size:200% 100%,100% 100%}:root.dark .framtiden-spinner{background-image:linear-gradient(90deg, transparent 30%, #ffffff0d 50%, transparent 70%), repeating-linear-gradient(to bottom, var(--hk-field) 0 52px, transparent 52px 68px)}@keyframes f-spin{to{transform:rotate(360deg)}}.framtiden-loading{padding:8px 0}.framtiden-error{color:#991b1b;border-radius:var(--f-radius-sm);background:#fee2e2;margin-bottom:14px;padding:12px 14px;font-size:13px}.framtiden-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:26px;display:flex}@media (max-width:640px){.framtiden-main{padding:20px 14px 32px}.framtiden-list-item{flex-wrap:wrap}.framtiden-list-item-main{flex:100%}.framtiden-list-item-actions{flex-wrap:wrap;justify-content:flex-start;width:100%}.framtiden-btn{min-height:44px}.framtiden-btn.small{min-height:38px}}@media (max-width:700px){.framtiden-tabs{top:58px}}