@charset "UTF-8";@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:400;src:url("./media/ibm-plex-sans-latin-ext-400-normal-EDOVP6TU.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:400;src:url("./media/ibm-plex-sans-latin-400-normal-COQVXTP6.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:500;src:url("./media/ibm-plex-sans-latin-ext-500-normal-SG2XNXKB.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:500;src:url("./media/ibm-plex-sans-latin-500-normal-JTONHBWS.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:600;src:url("./media/ibm-plex-sans-latin-ext-600-normal-ZNWKNRXL.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:600;src:url("./media/ibm-plex-sans-latin-600-normal-DTNZULF4.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:600;src:url("./media/space-grotesk-latin-ext-600-normal-KHPPWF2T.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:600;src:url("./media/space-grotesk-latin-600-normal-27GH5ZT3.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:700;src:url("./media/space-grotesk-latin-ext-700-normal-VUMKC3YE.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:700;src:url("./media/space-grotesk-latin-700-normal-I3MXRIUZ.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--brand-50: oklch(.9813 .0149 29.23);--brand-100: oklch(.962 .031 29.23);--brand-200: oklch(.9131 .0666 29.23);--brand-300: oklch(.836 .1244 29.23);--brand-400: oklch(.7346 .1855 29.23);--brand-500: oklch(.6035 .2199 29.23);--brand-600: oklch(.446 .22 29.23);--brand-700: oklch(.4009 .198 29.23);--brand-800: oklch(.3541 .1725 29.23);--brand-900: oklch(.3094 .1494 29.23);--brand-950: oklch(.2614 .11 29.23);--brand-source: #e10000;--neutral-50: #f8f8f8;--neutral-100: #f0f0f1;--neutral-200: #e1e2e4;--neutral-300: #c8cacd;--neutral-400: #96999f;--neutral-500: #696d76;--neutral-600: #5f636b;--neutral-700: #414651;--neutral-800: #282e3a;--neutral-900: #141b28;--neutral-950: #050c1a;--success-50: #f2fcf4;--success-100: #e8fceb;--success-200: #d1f7d7;--success-300: #b0edbb;--success-400: #84dd99;--success-500: #58c676;--success-600: #34a658;--success-700: #15803d;--success-800: #04632c;--success-900: #00491a;--success-950: #002e0e;--warning-50: #fff6f0;--warning-100: #fff0e3;--warning-200: #ffe1c8;--warning-300: #ffcaa4;--warning-400: #ffac75;--warning-500: #ff8d48;--warning-600: #df6f26;--warning-700: #b45309;--warning-800: #8d3c00;--warning-900: #682500;--warning-950: #421400;--danger-50: #fff4f1;--danger-100: #ffebe6;--danger-200: #ffd7cd;--danger-300: #ffb9ab;--danger-400: #ff9081;--danger-500: #ff6458;--danger-600: #ed3f38;--danger-700: #b91c1c;--danger-800: #940d10;--danger-900: #710003;--danger-950: #4c0103;--brand-name: "Croatia banka";--color-accent: var(--brand-600);--color-accent-hover: var(--brand-700);--color-accent-text: var(--brand-600);--color-accent-text-hover: var(--brand-700);--color-accent-soft: var(--brand-50);--color-accent-muted: var(--brand-100);--color-accent-border: var(--brand-200);--color-on-accent-soft: var(--neutral-950);--color-bg: #ffffff;--color-surface: #ffffff;--color-surface-sunken: var(--neutral-50);--color-border: var(--neutral-200);--color-border-strong: var(--neutral-300);--color-border-interactive: var(--neutral-500);--color-text: var(--neutral-950);--color-text-muted: var(--neutral-600);--color-text-faint: var(--neutral-500);--color-on-accent: #ffffff;--color-disabled-bg: var(--neutral-100);--color-disabled-text: var(--neutral-600);--color-success: var(--success-700);--color-success-soft: var(--success-50);--color-success-border: var(--success-200);--color-warning: var(--warning-700);--color-warning-soft: var(--warning-50);--color-warning-border: var(--warning-300);--color-danger: var(--danger-700);--color-danger-soft: var(--danger-50);--color-danger-border: var(--danger-200);--chart-inflow: var(--success-600);--chart-outflow: var(--neutral-500);--chart-grid: var(--neutral-200);--chart-axis: var(--neutral-600);--cat-1: oklch(.6 .16 285);--cat-2: oklch(.6 .16 200);--cat-3: oklch(.6 .16 150);--cat-4: oklch(.6 .16 85);--cat-5: oklch(.6 .16 60);--cat-6: oklch(.6 .16 330);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--font-sans: Inter, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-display: Inter, -apple-system, "Segoe UI", sans-serif;--font-mono: ui-monospace, "SF Mono", Menlo, monospace;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-base: 16px;--font-size-md: 17px;--font-size-lg: 19px;--font-size-xl: 24px;--font-size-2xl: 31px;--line-height-display: 1.2;--line-height-body: 1.55;--transition-fast: .12s ease;--color-focus: var(--brand-600);--focus-ring: 0 0 0 3px color-mix(in oklch, var(--color-focus) 45%, transparent);--touch-target: 44px}@media(prefers-color-scheme:dark){:root:not([data-tema=svijetla]){--color-accent: var(--brand-600);--color-accent-hover: var(--brand-500);--color-accent-text: var(--brand-400);--color-accent-text-hover: var(--brand-300);--color-accent-soft: var(--brand-900);--color-accent-muted: var(--brand-800);--color-accent-border: var(--brand-700);--color-on-accent-soft: var(--neutral-50);--color-focus: var(--brand-400);--color-bg: var(--neutral-950);--color-surface: var(--neutral-900);--color-surface-sunken: var(--neutral-800);--color-border: var(--neutral-800);--color-border-strong: var(--neutral-700);--color-border-interactive: var(--neutral-500);--color-text: var(--neutral-50);--color-text-muted: var(--neutral-300);--color-text-faint: var(--neutral-400);--color-on-accent: #ffffff;--color-disabled-bg: var(--neutral-800);--color-disabled-text: var(--neutral-400);--color-success: var(--success-400);--color-success-soft: var(--success-950);--color-success-border: var(--success-800);--color-warning: var(--warning-300);--color-warning-soft: var(--warning-950);--color-warning-border: var(--warning-800);--color-danger: var(--danger-400);--color-danger-soft: var(--danger-950);--color-danger-border: var(--danger-800);--chart-inflow: var(--success-400);--chart-outflow: var(--neutral-400);--chart-grid: var(--neutral-800);--chart-axis: var(--neutral-400)}}:root[data-tema=tamna]{--color-accent: var(--brand-600);--color-accent-hover: var(--brand-500);--color-accent-text: var(--brand-400);--color-accent-text-hover: var(--brand-300);--color-accent-soft: var(--brand-900);--color-accent-muted: var(--brand-800);--color-accent-border: var(--brand-700);--color-on-accent-soft: var(--neutral-50);--color-focus: var(--brand-400);--color-bg: var(--neutral-950);--color-surface: var(--neutral-900);--color-surface-sunken: var(--neutral-800);--color-border: var(--neutral-800);--color-border-strong: var(--neutral-700);--color-border-interactive: var(--neutral-500);--color-text: var(--neutral-50);--color-text-muted: var(--neutral-300);--color-text-faint: var(--neutral-400);--color-on-accent: #ffffff;--color-disabled-bg: var(--neutral-800);--color-disabled-text: var(--neutral-400);--color-success: var(--success-400);--color-success-soft: var(--success-950);--color-success-border: var(--success-800);--color-warning: var(--warning-300);--color-warning-soft: var(--warning-950);--color-warning-border: var(--warning-800);--color-danger: var(--danger-400);--color-danger-soft: var(--danger-950);--color-danger-border: var(--danger-800);--chart-inflow: var(--success-400);--chart-outflow: var(--neutral-400);--chart-grid: var(--neutral-800);--chart-axis: var(--neutral-400)}:root{--glass-base: #e8edf6;--glass-text: #152744;--glass-muted: #394960;--glass-panel: #ffffff78;--glass-strong: #ffffffb8;--glass-field: #ffffffa8;--glass-opaque: #f8fbff;--glass-border: #ffffffb8;--glass-divider: #586e8e32;--glass-highlight: #ffffffeb;--glass-shadow: #41578018;--glass-orbit: #ffffffdb;--glass-glow-a: #849dff52;--glass-glow-b: #72dae56e;--glass-glow-c: #b79ce65b;--glass-accent: #075368;--glass-action-start: #126dba;--glass-action-end: #6054b9;--glass-action-text: #ffffff;--glass-tint: #deeffb;--glass-field-border: #65758d;--glass-overlay: #10213d80;--glass-focus: #076379;color-scheme:light}@media(prefers-color-scheme:dark){:root:not([data-tema=svijetla]){--glass-base: #080e1e;--glass-text: #f1f7ff;--glass-muted: #c4d1e5;--glass-panel: #1522398f;--glass-strong: #1c2d48b8;--glass-field: #0b182bbd;--glass-opaque: #152238;--glass-border: #c9e8ff24;--glass-divider: #c9e8ff24;--glass-highlight: #e3f6ff2e;--glass-shadow: #00061645;--glass-orbit: #b2e6ff38;--glass-glow-a: #5554e448;--glass-glow-b: #148bbd3c;--glass-glow-c: #7350aa35;--glass-accent: #99ecff;--glass-action-start: #99e7ff;--glass-action-end: #bdb4ff;--glass-action-text: #10213d;--glass-tint: #163e56;--glass-field-border: #8dabc9;--glass-overlay: #000616b8;--glass-focus: #99ecff;color-scheme:dark}}:root[data-tema=tamna]{--glass-base: #080e1e;--glass-text: #f1f7ff;--glass-muted: #c4d1e5;--glass-panel: #1522398f;--glass-strong: #1c2d48b8;--glass-field: #0b182bbd;--glass-opaque: #152238;--glass-border: #c9e8ff24;--glass-divider: #c9e8ff24;--glass-highlight: #e3f6ff2e;--glass-shadow: #00061645;--glass-orbit: #b2e6ff38;--glass-glow-a: #5554e448;--glass-glow-b: #148bbd3c;--glass-glow-c: #7350aa35;--glass-accent: #99ecff;--glass-action-start: #99e7ff;--glass-action-end: #bdb4ff;--glass-action-text: #10213d;--glass-tint: #163e56;--glass-field-border: #8dabc9;--glass-overlay: #000616b8;--glass-focus: #99ecff;color-scheme:dark}:root,:root[data-tema],:root:not([data-tema]){--color-bg: var(--glass-base);--color-surface: var(--glass-opaque);--color-surface-sunken: var(--glass-field);--color-text: var(--glass-text);--color-text-muted: var(--glass-muted);--color-text-faint: var(--glass-muted);--color-border: var(--glass-divider);--color-border-strong: var(--glass-field-border);--color-border-interactive: var(--glass-field-border);--color-accent: var(--glass-action-start);--color-accent-hover: var(--glass-action-end);--color-accent-text: var(--glass-accent);--color-accent-text-hover: var(--glass-accent);--color-accent-soft: var(--glass-tint);--color-accent-muted: var(--glass-tint);--color-accent-border: var(--glass-field-border);--color-on-accent: var(--glass-action-text);--color-on-accent-soft: var(--glass-accent);--color-disabled-bg: var(--glass-opaque);--color-disabled-text: var(--glass-muted);--chart-axis: var(--glass-muted);--chart-inflow: var(--glass-accent);--chart-outflow: var(--glass-muted);--color-focus: var(--glass-focus);--focus-ring: 0 0 0 3px var(--glass-focus);--radius-lg: 22px;--radius-md: 12px;--glass-blur: 24px;--glass-material: linear-gradient(132deg, var(--glass-strong), var(--glass-panel) 75%);--glass-elevation: inset 0 1px 0 var(--glass-highlight), 0 18px 44px var(--glass-shadow);--glass-action: linear-gradient(120deg, var(--glass-action-start), var(--glass-action-end));--glass-canvas: radial-gradient(ellipse at 7% 0%, var(--glass-glow-a), transparent 57%), radial-gradient(ellipse at 94% 36%, var(--glass-glow-b), transparent 55%), radial-gradient(ellipse at 36% 98%, var(--glass-glow-c), transparent 57%), var(--glass-base)}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){:root,:root[data-tema],:root:not([data-tema]){--glass-panel: var(--glass-opaque);--glass-strong: var(--glass-opaque);--glass-field: var(--glass-opaque);--glass-material: var(--glass-opaque)}}@font-face{font-family:Inter;src:url("./media/inter-regular-6HWLCV5C.woff2") format("woff2");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Inter;src:url("./media/inter-bold-VDPCG4FB.woff2") format("woff2");font-style:normal;font-weight:700;font-display:swap}*{box-sizing:border-box}body{margin:0}h1,h2,h3,p{margin:0 0 16px}h1{font-size:30px;line-height:1.2;letter-spacing:-.03em}h2{font-size:21px}button,input,select{font:inherit;color:inherit}button,a,input,select{touch-action:manipulation}button{min-height:44px;cursor:pointer;border:1px solid var(--color-border-strong);border-radius:8px;padding:9px 16px;background:var(--color-surface)}button:disabled{opacity:.55;cursor:not-allowed}button.primary{background:var(--color-accent);color:var(--color-on-accent);border-color:var(--color-accent)}input,select{width:100%;min-height:44px;background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:7px;padding:9px 12px}label{display:flex;flex-direction:column;gap:5px;font-size:14px;font-weight:700}a{color:var(--color-accent-text);text-underline-offset:3px}small{display:block;font-size:12px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--color-accent);outline-offset:3px}form{display:grid;gap:20px}.demo-banner{text-align:center;padding:8px 16px;background:var(--color-text);color:var(--color-bg);font-size:12px;font-weight:700;letter-spacing:.02em}.login-card{max-width:460px;margin:8vh auto;padding:32px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:16px}.login-card form{margin:28px 0}.eyebrow{text-transform:uppercase;font-size:11px;letter-spacing:.12em;color:var(--color-text-muted);font-weight:700;display:block;margin-bottom:10px}.muted{color:var(--color-text-muted);font-size:14px}.demo-header{min-height:96px;display:flex;align-items:center;gap:24px;padding:20px 32px;border-bottom:1px solid var(--color-border);background:var(--color-surface)}.brand{font-size:27px;font-weight:700;text-decoration:none;color:var(--color-accent-text);white-space:nowrap}.brand span{font-size:13px;color:var(--color-text);display:block}.company-picker{flex:1;max-width:560px;margin-left:auto}.demo-workspace{display:grid;grid-template-columns:240px minmax(0,1fr);min-height:calc(100vh - 131px)}.demo-nav{padding:32px 20px;background:var(--color-surface);border-right:1px solid var(--color-border);display:flex;flex-direction:column;gap:10px}.demo-nav>a{padding:12px 14px;border-radius:8px;text-decoration:none;color:var(--color-text);font-weight:700;font-size:14px}.demo-nav>a.active{background:var(--color-surface-sunken);color:var(--color-accent-text);box-shadow:inset 3px 0 var(--color-accent)}.unsupported{margin-top:auto;padding:32px 14px 0;color:var(--color-text-muted);font-size:12px}.unsupported p{margin-top:8px}.demo-main{padding:32px;min-width:0}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}.page-heading p,.page-heading h2{margin:0}.source-note{padding:12px 16px;border-left:3px solid var(--color-warning);background:var(--color-surface-sunken);font-size:12px;display:grid;gap:3px;margin-bottom:24px}.source-note span{display:block}.panel{padding:24px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;margin:24px 0}.summary-row{display:flex;flex-wrap:wrap;gap:24px;margin:20px 0}.metric{padding:20px 24px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;min-width:250px}.metric span{display:block;color:var(--color-text-muted);font-size:13px}.metric strong{font-size:28px;font-variant-numeric:tabular-nums;display:block;margin-top:8px}.account-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.account-card{display:grid;gap:10px;text-align:left;padding:24px;border:1px solid var(--color-border);border-radius:12px}.account-card.selected{border-color:var(--color-accent);box-shadow:inset 0 3px var(--color-accent)}.account-card strong{font-size:25px;font-variant-numeric:tabular-nums}.account-card small{color:var(--color-text-muted)}.filter-row{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-end;margin:24px 0}.filter-row label{max-width:220px}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:14px;font-variant-numeric:tabular-nums}th,td{text-align:left;padding:15px 12px;border-bottom:1px solid var(--color-border);vertical-align:top}th{color:var(--color-text-muted);font-weight:700;font-size:12px;white-space:nowrap}td small{color:var(--color-text-muted);max-width:380px;overflow-wrap:anywhere}.money{text-align:right;white-space:nowrap}.order-form{grid-template-columns:1fr 1fr}.transfer-form{max-width:520px;grid-template-columns:2fr 1fr}.transfer-total{font-weight:700;margin:4px 0}.wide{grid-column:1/-1}.order-amount{font-size:40px;font-weight:700;margin:24px 0 10px;font-variant-numeric:tabular-nums}.status-chip{display:inline-block;background:var(--color-surface-sunken);border:1px solid var(--color-border);padding:6px 14px;border-radius:24px;font-size:13px;font-weight:700}.order-details{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:24px 0}.order-details dt{font-size:12px;color:var(--color-text-muted)}.order-details dd{margin:4px 0 0;overflow-wrap:anywhere}.checkbox{display:flex;flex-direction:row;align-items:flex-start;gap:12px;max-width:700px}.checkbox input{width:22px;height:22px;min-height:22px;flex-shrink:0;margin-top:3px}.action-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:24px 0}.notice{padding:14px 18px;border-radius:8px;background:var(--color-surface-sunken)}.error{padding:14px 18px;border-left:4px solid var(--color-danger);background:var(--color-surface);color:var(--color-danger)}.empty{padding:32px;text-align:center;color:var(--color-text-muted)}.riznica-frame{width:100%;min-height:calc(100vh - 180px);border:0;background:var(--color-bg)}.skip-link{position:absolute;left:12px;top:-100px;z-index:50;padding:12px;background:var(--color-surface)}.skip-link:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:900px){.demo-header{flex-wrap:wrap;gap:16px;padding:16px}.company-picker{order:3;max-width:none;flex-basis:100%}.demo-workspace{display:block}.demo-nav{flex-direction:row;flex-wrap:wrap;padding:12px;border-right:0;border-bottom:1px solid var(--color-border)}.demo-nav .eyebrow{display:none}.unsupported{width:100%;padding:8px 12px 0;margin:0}.unsupported p{display:inline;margin-left:8px}.demo-main{padding:20px 16px}.brand{margin-right:auto}.order-form,.order-details{grid-template-columns:1fr}.page-heading{align-items:flex-start}.panel{padding:18px}.login-card{margin:36px 16px}.riznica-frame{min-height:80vh}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}html,body,lns-root,.ib-demo{height:100%}lns-root{display:block}.ib-demo{display:flex;flex-direction:column}.demo-banner{flex:0 0 auto;padding:5px 12px;font-size:11px}.demo-workspace.app-shell{display:flex;flex:1;min-height:0;height:100%;grid-template-columns:none}.sidebar{width:240px;flex:0 0 240px;display:flex;flex-direction:column;gap:12px;background:var(--color-surface);border-right:1px solid var(--color-border);padding:16px 8px 12px;overflow:hidden}.sidebar-brand{display:flex;align-items:center;padding:0 12px;min-height:36px;text-decoration:none}.sidebar-brand img{height:28px;max-width:100%;object-fit:contain}.brand-logo-dark{display:none}:root[data-tema=tamna] .brand-logo-light{display:none}:root[data-tema=tamna] .brand-logo-dark{display:block}@media(prefers-color-scheme:dark){:root:not([data-tema=svijetla]) .brand-logo-light{display:none}:root:not([data-tema=svijetla]) .brand-logo-dark{display:block}}.sidebar-nav.demo-nav{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:0;padding:0;border:0;background:none}.sidebar-group{display:flex;flex-direction:column;gap:1px}.sidebar-group-label{padding:12px 12px 2px;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-muted);text-decoration:none}.sidebar-link{display:flex;align-items:center;gap:8px;min-height:32px;padding:4px 12px;border-radius:6px;font-size:13px;font-weight:500;color:var(--color-text);text-decoration:none;white-space:nowrap}.sidebar-link.active{color:var(--t1);background:var(--color-accent-soft);box-shadow:inset 3px 0 var(--color-accent)}.sidebar-link:hover{background:var(--color-surface-sunken)}demo-icon{display:inline-flex;flex-shrink:0}.sidebar-foot{display:flex;flex-direction:column;gap:8px;padding-top:8px;border-top:1px solid var(--color-border)}.sidebar-foot .company-picker{display:flex;width:100%;margin:0;padding:0 8px;font-size:11px;font-weight:500}.sidebar-foot select{min-height:32px;padding:5px 7px;font-size:11px}.theme-picker{padding:0 8px}.theme-picker>span{font-size:11px;color:var(--color-text-muted)}.seg-group{display:flex;padding:2px;border:1px solid var(--color-border);border-radius:7px;background:var(--color-surface-sunken)}.seg-group button{flex:1;min-height:28px;padding:3px 7px;font-size:11px;border:0;background:transparent}.seg-group button[aria-pressed=true]{background:var(--color-surface);box-shadow:var(--sh1);color:var(--t0)}.user-menu{position:relative}.user-menu-trigger{display:flex;align-items:center;gap:8px;width:100%;padding:8px;border:0;background:none;text-align:left}.user-menu-trigger>span:last-child{min-width:0}.user-menu-trigger strong{display:block;font-size:12px;font-weight:600}.user-menu-trigger small{font-size:10px;color:var(--color-text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-avatar{display:grid;place-items:center;width:32px;height:32px;flex-shrink:0;border-radius:50%;font-size:13px;background:var(--color-accent-soft);color:var(--t1)}.user-logout{position:absolute;bottom:100%;left:8px;right:8px;box-shadow:var(--sh2)}.demo-main{flex:1;min-height:0;overflow-y:auto;padding:20px 32px 32px;min-width:0;background:var(--color-bg)}.alatke{display:flex;justify-content:flex-end;gap:4px;margin-bottom:16px}.alatke a{display:grid;place-items:center;width:36px;height:36px;border:1px solid transparent;border-radius:7px;color:var(--color-text-muted)}.alatke a:hover,.alatke a.active{background:var(--color-surface);border-color:var(--color-border);color:var(--color-accent-text)}.mobile-menu{display:none}.page-heading h1{font-size:28px;font-weight:700;letter-spacing:-.025em}.page-heading .eyebrow{display:none}.panel{border-radius:10px}.source-note{border:1px solid var(--color-border);border-left:3px solid var(--color-warning);border-radius:8px;padding:10px 14px;margin-bottom:20px}.source-note strong{font-size:11px}.riznica-host{min-width:0}.riznica-host iframe{display:block;width:100%}.bank-empty{padding:24px;color:var(--color-text-muted)}@media(max-width:900px){.demo-workspace.app-shell{display:flex;flex-direction:column}.sidebar{width:100%;flex:0 0 auto;padding:10px 16px;display:grid;grid-template-columns:1fr auto;gap:10px;border-right:0;border-bottom:1px solid var(--color-border);overflow:visible}.sidebar-brand{padding:0}.mobile-menu{display:block;min-height:44px}.sidebar-nav.demo-nav{display:none;grid-column:1/-1;max-height:55vh;overflow:auto}.sidebar-nav.mobile-open{display:flex}.sidebar-link{min-height:44px;font-size:15px}.sidebar-foot{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6px;border:0;padding:0}.sidebar-foot .company-picker{padding:0}.sidebar-foot select{min-height:36px}.theme-picker{padding:0}.user-menu{grid-column:1/-1}.user-menu-trigger{min-height:36px;padding:0}.user-menu-trigger small{max-width:240px}.user-logout{z-index:50;inset:100% 0 auto auto}.demo-main{padding:16px}.alatke{margin-bottom:12px}.alatke a{width:44px;height:44px}.page-heading h1{font-size:25px}}.kartica-red{display:grid;grid-template-columns:324px minmax(0,1fr);gap:28px;align-items:start;margin:24px 0}.kartica-predmet{padding-top:16px;min-width:0}.card-management{margin:0}.card-limits{display:flex;gap:32px;margin:16px 0 24px}.card-limits dt{font-size:12px;color:var(--color-text-muted)}.card-limits dd{margin:4px 0 0;font-weight:600;font-variant-numeric:tabular-nums}.card-action-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.card-action-grid h3{font-size:12px;margin:0 0 8px;color:var(--color-text-muted)}.card-action{display:flex;gap:8px;align-items:center;width:100%;border:0;border-bottom:1px solid var(--color-border);border-radius:0;padding:10px 0;text-align:left;background:none;font-size:13px}.card-action>span:last-child{margin-left:auto}.card-action small,button.waiting small{font-size:9px;color:var(--color-text-muted)}.card-action.waiting,button.waiting{color:var(--color-text-muted)}.bank-dialog{width:min(520px,100vw - 32px);max-height:90vh;overflow:auto;border:1px solid var(--color-border);border-radius:12px;background:var(--color-surface);color:var(--color-text);padding:28px}.bank-dialog::backdrop{background:#0007}.bank-dialog form{gap:16px}.message-row{padding:14px 0;border-bottom:1px solid var(--color-border)}.alatke a.neprocitano{position:relative}.alatke a.neprocitano:after{content:"";position:absolute;top:6px;right:6px;width:9px;height:9px;border-radius:50%;background:var(--color-accent);border:2px solid var(--color-surface)}.ovlasti{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:8px}.status-chip.ovlast{font-size:12px;font-weight:400;padding:4px 10px}.status-chip.ovlast.nepoznata{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;border-style:dashed;border-color:var(--color-warning);background:var(--color-bg)}.profil-slika{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-bottom:24px}.profil-slika img{width:72px;height:72px;border-radius:50%;object-fit:cover;border:1px solid var(--color-border-strong)}.profil-inicijali{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;font-size:28px;font-weight:700;background:var(--color-surface-sunken);border:1px solid var(--color-border-strong)}.profil-odabir{max-width:320px}img.user-avatar{object-fit:cover}.chat-red{display:flex;align-items:flex-start;gap:12px;margin:16px 0;max-width:660px}.chat-red.moja{flex-direction:row-reverse;margin-left:auto}.chat-znak{flex-shrink:0;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;background:var(--color-surface-sunken);border:1px solid var(--color-border-strong)}.chat-red.moja .chat-znak{background:var(--color-accent);color:var(--color-on-accent);border-color:var(--color-accent)}.chat-oblacic{min-width:0;padding:12px 16px;border-radius:12px;background:var(--color-surface-sunken);border:1px solid var(--color-border)}.chat-red.moja .chat-oblacic{background:var(--color-surface);border-color:var(--color-border-strong)}.chat-oblacic p{margin:6px 0}.chat-oblacic small{color:var(--color-text-muted)}.chat-privitak{display:block;width:100%;text-align:left;margin:8px 0;padding:8px 12px}.message-row>button{display:flex;align-items:center;gap:16px;width:100%;background:none;border:0;text-align:left}.message-row>button small{margin-left:auto}.message-row>p{padding:12px;margin:0}.dc-perspective{display:block;border:0;padding:0;background:none;color:inherit;min-height:0;text-align:left}.dc-scene{transition:transform .7s cubic-bezier(.22,.9,.25,1)}@media(max-width:1200px){.kartica-red{grid-template-columns:1fr}.kartica-predmet{max-width:100%}.card-management{width:100%}}@media(max-width:600px){.card-action-grid{grid-template-columns:1fr}.card-limits{gap:16px;flex-wrap:wrap}}.card-spending{margin:20px 0 24px}.card-spending h3{font-size:13px}.card-spending-bars{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.card-spending-bars strong{font-size:9px;display:block;overflow-wrap:anywhere}.card-spending-bars small{font-size:9px}.card-spending-track{height:70px;display:flex;align-items:flex-end}.card-spending-track>span{display:block;width:100%;min-height:1px;background:var(--color-accent);border-radius:3px 3px 0 0}.ib-demo>demo-shell{display:flex;flex:1;min-height:0;min-width:0;width:100%}.ib-demo>demo-login{display:block;flex:1;overflow:auto}.demo-workspace.app-shell{min-width:0;width:100%}.source-note{overflow-wrap:anywhere}@media(max-width:900px){.sidebar{grid-template-columns:minmax(0,1fr) auto}.sidebar-foot .company-picker{order:0;min-width:0}.page-heading{flex-wrap:wrap}.demo-main{width:100%}.sidebar-foot select{max-width:100%}}.sidebar-brand.brand-s-imenom{gap:8px}.sidebar-brand.brand-s-imenom img{height:30px}.sidebar-brand.brand-s-imenom .brand-naziv{font-size:15px;font-weight:700;line-height:1.1;white-space:nowrap;color:var(--color-text)}@media(max-width:900px){.sidebar-brand.brand-s-imenom .brand-naziv{font-size:14px}}.dc-wrap{--dc-w: min(85.6mm, 86vw);--dc-u: calc(var(--dc-w) / 460);display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2);font-family:var(--font-sans);color:#1b2129}.dc-perspective{perspective:calc(1500 * var(--dc-u));padding:calc(12 * var(--dc-u));margin:calc(-4 * var(--dc-u));cursor:pointer;-webkit-user-select:none;user-select:none;background:none;border:0;display:block}.dc-perspective:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:var(--radius-md)}.dc-hint{margin:0 0 0 calc(12 * var(--dc-u));font-size:var(--font-size-xs);color:var(--color-text-muted)}.dc-scene{position:relative;width:var(--dc-w);height:calc(var(--dc-w) * .63);transform-style:preserve-3d}.dc-face{position:absolute;inset:0;border-radius:calc(16 * var(--dc-u));overflow:hidden;backface-visibility:hidden;border:1px solid rgba(255,255,255,.7);box-shadow:0 calc(26 * var(--dc-u)) calc(50 * var(--dc-u)) var(--dc-sjena),inset 0 1px #ffffffe6}.dc-wrap{--dc-sjena: rgba(20, 26, 33, .38)}:root[data-tema=tamna] .dc-wrap{--dc-sjena: rgba(0, 0, 0, .6)}@media(prefers-color-scheme:dark){:root:not([data-tema=svijetla]) .dc-wrap{--dc-sjena: rgba(0, 0, 0, .6)}}.dc-front{padding:calc(26 * var(--dc-u));display:flex;flex-direction:column;background-color:#dcdfe2;background-image:linear-gradient(128deg,#f6f7f8,#d6d9dc 38%,#eff0f1 55%,#c3c7cb 78%,#e6e8ea)}.dc-back{transform:rotateY(180deg);display:flex;flex-direction:column;background-color:#d9dcdf;background-image:linear-gradient(128deg,#eceef0,#cfd3d7 45%,#e5e7e9)}.dc-brushed{position:absolute;inset:0;opacity:.5;pointer-events:none;background-image:repeating-linear-gradient(115deg,#5a647029 0 3px,#fff0 3px 9px)}.dc-sheen{position:absolute;top:-60%;left:0;width:34%;height:220%;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(255,255,255,.75),transparent);animation:dc-sheen 6s ease-in-out infinite}@keyframes dc-sheen{0%{transform:translate(-130%) rotate(18deg)}to{transform:translate(330%) rotate(18deg)}}.dc-demo{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:calc(78 * var(--dc-u));font-weight:700;letter-spacing:.22em;color:#1e263021;transform:rotate(-16deg);pointer-events:none}.dc-top{position:relative;display:flex;align-items:flex-start;gap:calc(20 * var(--dc-u))}.dc-brandbox{display:flex;flex-direction:column;gap:calc(7 * var(--dc-u))}.dc-logo{height:calc(30 * var(--dc-u));display:flex;align-items:center}.dc-logo img{height:100%;width:auto;object-fit:contain}.dc-brandsub{font-size:calc(8 * var(--dc-u));letter-spacing:.22em;text-transform:uppercase;color:#28303aeb;font-weight:600}.dc-schemebox{margin-left:auto;text-align:right}.dc-scheme{font-size:calc(22 * var(--dc-u));font-weight:700;font-style:italic;letter-spacing:.02em}.dc-product{font-size:calc(10 * var(--dc-u));letter-spacing:.06em;color:#28303aeb;margin-top:calc(2 * var(--dc-u))}.dc-chiprow{position:relative;margin-top:calc(20 * var(--dc-u));display:flex;align-items:center;gap:calc(14 * var(--dc-u))}.dc-chip{width:calc(48 * var(--dc-u));height:calc(37 * var(--dc-u));border-radius:calc(5 * var(--dc-u));padding:calc(4 * var(--dc-u));display:grid;gap:1px;grid-template-columns:1fr 1fr;grid-template-rows:repeat(3,1fr);background:linear-gradient(140deg,#e9e2c9,#b7ad8c 55%,#e4ddc4);box-shadow:inset 0 0 0 1px #0000002e}.dc-chip i{background:#00000024;border-radius:1px}.dc-nfc{display:flex;flex-direction:column;gap:calc(2 * var(--dc-u));opacity:.75}.dc-nfc b{display:block;height:calc(4 * var(--dc-u));border-radius:calc(3 * var(--dc-u));background:#1e2630b3}.dc-nfc b:nth-child(1){width:calc(22 * var(--dc-u))}.dc-nfc b:nth-child(2){width:calc(17 * var(--dc-u))}.dc-nfc b:nth-child(3){width:calc(12 * var(--dc-u))}.dc-bottom{position:relative;margin-top:auto}.dc-pan{font-family:var(--font-mono);font-size:calc(20 * var(--dc-u));letter-spacing:.13em;font-weight:500;color:#202832;text-shadow:0 1px 0 rgba(255,255,255,.7)}.dc-meta{display:flex;align-items:flex-end;gap:calc(24 * var(--dc-u));margin-top:calc(12 * var(--dc-u))}.dc-cap{font-size:calc(8 * var(--dc-u));letter-spacing:.16em;text-transform:uppercase;color:#28303ae6;line-height:1.4}.dc-mono13{font-family:var(--font-mono);font-size:calc(13 * var(--dc-u));letter-spacing:.1em;margin-top:calc(3 * var(--dc-u))}.dc-holder{font-size:calc(12 * var(--dc-u));letter-spacing:.08em;text-transform:uppercase;font-weight:500;margin-top:calc(3 * var(--dc-u));line-height:1.35}.dc-holder-firma{display:block;font-size:calc(9.5 * var(--dc-u));letter-spacing:.1em;font-weight:400;color:#232b35e6}.dc-stripe{height:calc(44 * var(--dc-u));margin-top:calc(20 * var(--dc-u));background:linear-gradient(180deg,#171c22,#2b333d)}.dc-signrow{padding:calc(14 * var(--dc-u)) calc(26 * var(--dc-u)) 0;display:flex;align-items:center;gap:calc(12 * var(--dc-u))}.dc-sign{flex:1;height:calc(26 * var(--dc-u));border-radius:calc(3 * var(--dc-u));box-shadow:inset 0 0 0 1px #00000014;background:repeating-linear-gradient(135deg,#fff 0 8px,#e9ebed 8px 16px)}.dc-cvv{font-family:var(--font-mono);font-size:calc(14 * var(--dc-u));font-weight:600;letter-spacing:.16em;background:#fff;padding:calc(6 * var(--dc-u)) calc(11 * var(--dc-u));border-radius:calc(3 * var(--dc-u));box-shadow:inset 0 0 0 1px #00000014;color:#1b2129}.dc-limiti{padding:calc(14 * var(--dc-u)) calc(26 * var(--dc-u)) 0;display:flex;flex-direction:column;gap:calc(9 * var(--dc-u))}.dc-limit-red{display:flex;align-items:baseline;gap:calc(10 * var(--dc-u))}.dc-limit-oznaka{font-size:calc(9 * var(--dc-u));letter-spacing:.14em;text-transform:uppercase;color:#232b35e6}.dc-limit-iznos{font-family:var(--font-mono);font-size:calc(13 * var(--dc-u));font-weight:600;margin-left:auto;color:#1b2129}.dc-mjera{height:calc(6 * var(--dc-u));border-radius:calc(3 * var(--dc-u));background:#1e263029;overflow:hidden}.dc-mjera-ispuna{height:100%;border-radius:inherit;background:#2b333d}.dc-mjera-blizu .dc-mjera-ispuna{background:#8f2c22}.dc-mjera-tekst{font-size:calc(9 * var(--dc-u));color:#232b35e6;margin-top:calc(4 * var(--dc-u))}.dc-podnozje{padding:calc(12 * var(--dc-u)) calc(26 * var(--dc-u)) calc(16 * var(--dc-u));margin-top:auto;display:flex;align-items:center;gap:calc(12 * var(--dc-u))}.dc-status{font-size:calc(9 * var(--dc-u));font-weight:600;letter-spacing:.12em;text-transform:uppercase;padding:calc(4 * var(--dc-u)) calc(9 * var(--dc-u));border-radius:calc(8 * var(--dc-u));background:#1e2630e6;color:#f4f5f6}.dc-status-neaktivna{background:#8f2c22}.dc-iban{font-family:var(--font-mono);font-size:calc(10 * var(--dc-u));letter-spacing:.08em;color:#232b35e6;margin-left:auto}.payment-tabs,.type-tabs{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 24px;border-bottom:1px solid var(--color-border);padding-bottom:12px}.payment-tabs a,.type-tabs button{padding:9px 12px;border-radius:7px;text-decoration:none;color:var(--color-text-muted);font-weight:600;font-size:13px;border:0;background:transparent;box-shadow:none}.payment-tabs a.active,.type-tabs button.active{background:var(--color-accent);color:var(--color-on-accent)}.payment-tabs a:hover,.type-tabs button:hover{background:var(--color-surface-sunken)}.row-action{border:0;background:transparent;padding:0;min-height:0;text-align:left;font:inherit;color:var(--color-accent-text);text-decoration:underline;text-underline-offset:3px}.type-tabs .icon-only{margin-left:auto;align-self:center}.button.icon-only{width:36px;min-width:36px;min-height:36px;padding:0}.template-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.template-card{border:1px solid var(--color-border);border-radius:12px;padding:20px;overflow-wrap:anywhere}.template-card{position:relative}.template-card h3{padding-right:32px}.template-favorite{position:absolute;top:16px;right:16px;background:none;border:0;padding:4px;font-size:20px;line-height:1;cursor:pointer;color:var(--color-muted)}.template-favorite.on{color:var(--color-accent)}.template-card p{margin:8px 0}.template-card .action-row{margin-top:16px}.form-divider{border-top:1px solid var(--color-border);padding-top:22px;margin:8px 0 0}.payment-extra{border:1px solid var(--color-border);border-radius:8px;padding:16px}.payment-extra summary{cursor:pointer;font-weight:600}.payment-extra[open] summary{margin-bottom:20px}.extra-data-row{display:flex;align-items:end;gap:12px}.extra-data-row label{flex:1;min-width:0}.payment-form input,.payment-form select{min-width:0}.button{display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;border:1px solid var(--color-border);border-radius:8px;font-weight:600;text-decoration:none}.button.primary{background:var(--color-accent);color:var(--color-on-accent)}.payment-form .wide{grid-column:1/-1}@media(max-width:600px){.extra-data-row{flex-direction:column;align-items:stretch}.payment-tabs,.type-tabs{gap:2px}.payment-tabs a,.type-tabs button{font-size:12px;padding:8px}.template-grid{grid-template-columns:1fr}}.payment-extra textarea{width:100%;font:inherit;background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border-strong);border-radius:8px;padding:12px}.payment-extra>label{margin:16px 0}.batch-review{padding:20px;background:var(--color-surface-sunken);border:1px solid var(--color-border);border-radius:10px;margin:20px 0}td>input[type=checkbox]{width:20px;min-height:20px;height:20px}.payment-form label{min-width:0}.payment-container>fieldset{display:grid;border:0;padding:0;margin:0;min-width:0;gap:20px}body{background:var(--glass-canvas);background-attachment:fixed}.ib-demo{position:relative;isolation:isolate;overflow:hidden}.demo-banner{background:var(--glass-panel);color:var(--color-text-muted);border-bottom:1px solid var(--glass-border);padding:8px 16px;font-size:12px;font-weight:500}.demo-workspace.app-shell{min-height:0;padding:12px;gap:14px}.demo-content{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column}.sidebar,.glass-topbar,.panel,.metric,.account-card,.login-card,.bank-dialog{background:var(--glass-material);border:1px solid var(--glass-border);border-top-color:var(--glass-highlight);border-radius:var(--radius-lg);box-shadow:var(--glass-elevation);backdrop-filter:blur(var(--glass-blur)) saturate(135%);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(135%)}.sidebar{width:228px;flex-basis:228px;padding:24px 10px 16px;gap:24px}.sidebar-brand{padding:0 10px}.sidebar-nav.demo-nav{gap:16px}.sidebar-group-label{font-size:12px;letter-spacing:.1em;padding-bottom:8px}.sidebar-link{min-height:44px;padding:9px 10px;border:1px solid transparent;border-radius:var(--radius-md);font-size:13px;color:var(--color-text-muted);white-space:normal}.sidebar-link.active{background:linear-gradient(105deg,var(--glass-tint),var(--glass-panel));border-color:var(--glass-border);box-shadow:inset 0 1px 0 var(--glass-highlight);color:var(--t1)}.glass-topbar{position:relative;z-index:20;display:flex;align-items:center;gap:16px;padding:12px 18px;flex-wrap:wrap}.glass-topbar .company-picker{margin:0 auto 0 0;min-width:170px;max-width:280px;gap:2px;font-size:12px}.glass-topbar .company-picker select{font-size:14px}.glass-topbar .alatke{margin:0}.alatke a{width:44px;height:44px;border-radius:var(--radius-md)}.theme-picker{padding:0}.theme-picker>span{font-size:12px}.seg-group{border-radius:var(--radius-md)}.seg-group button{min-height:44px;font-size:12px;padding:6px 8px;border-radius:8px}.seg-group button[aria-pressed=true]{box-shadow:inset 0 1px 0 var(--glass-highlight)}.user-menu-trigger{width:auto;padding:6px;min-height:44px}.user-menu-trigger strong,.user-menu-trigger small{font-size:12px;white-space:normal;overflow-wrap:anywhere}.user-avatar{border-radius:var(--radius-md);width:36px;height:36px}.user-logout{top:calc(100% + 8px);bottom:auto;left:auto;right:0;z-index:60;background:var(--glass-opaque)}.demo-main{background:transparent;padding:28px 18px 20px}.page-heading h1{font-size:31px;font-weight:600;letter-spacing:-.035em}.page-heading .eyebrow{display:block;font-size:12px}.page-heading{flex-wrap:wrap}.page-heading .muted{margin-top:8px}.source-note{background:var(--glass-field);border-color:var(--glass-border);border-left-color:var(--color-warning);border-radius:var(--radius-md)}.source-note strong{font-size:12px}.panel{padding:24px}.panel .panel,.panel .template-card{backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:inset 0 1px 0 var(--glass-highlight);background:var(--glass-field)}.metric{flex:1;min-width:min(100%,250px)}.metric strong{font-size:36px;font-weight:600;letter-spacing:-.04em}.account-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}.account-card{gap:8px;position:relative}.account-card.selected{border-color:var(--color-accent-text);box-shadow:var(--glass-elevation)}.account-card strong{font-weight:600;font-size:28px}.accounts-overview{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:16px}.accounts-overview>.panel{margin:0}.accounts-overview>.account-side{display:grid;gap:16px;align-content:start}.accounts-overview>.account-side>.panel{margin:0}.balance-panel{background:radial-gradient(ellipse at 95% 0%,var(--glass-glow-b),transparent 68%),var(--glass-material)}.hero-balance{font-size:40px;font-weight:600;font-family:var(--font-display);font-variant-numeric:tabular-nums;letter-spacing:-.04em;margin:10px 0 8px}.balance-panel .account-grid{grid-template-columns:minmax(0,1fr);border-top:1px solid var(--color-border);gap:8px;padding-top:16px}.balance-panel .account-card{padding:12px;gap:2px;background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;border-color:transparent;border-radius:var(--radius-md)}.balance-panel .account-card.selected{background:var(--glass-field);border-color:var(--glass-border)}.balance-panel .account-card strong{font-size:22px}.account-next .metric{background:var(--glass-field);backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none;padding:16px}.account-next .metric strong{font-size:28px}.next-action{display:flex;align-items:flex-start;gap:12px;padding:20px 0;border-bottom:1px solid var(--color-border)}.next-action>demo-icon{padding:8px;border:1px solid var(--glass-border);background:var(--glass-tint);border-radius:10px;color:var(--color-accent-text)}.next-action h3{font-size:16px;margin:0 0 6px}.next-action p{margin-bottom:6px}button,.button,.payment-tabs a{border-radius:var(--radius-md);min-height:44px}button,.button{background:var(--glass-material);border-color:var(--glass-border);box-shadow:inset 0 1px 0 var(--glass-highlight)}button.primary,.button.primary,.payment-tabs a.active,.type-tabs button.active{background:var(--pri);color:var(--prifg);border-color:var(--pri)}button.primary:hover:not(:disabled),.button.primary:hover{background:var(--glass-action);color:var(--t0)}button:disabled{opacity:1;background:var(--color-disabled-bg);color:var(--color-disabled-text);box-shadow:none}input,select,textarea,.payment-extra textarea{border-radius:var(--radius-md);border:1px solid var(--color-border-interactive);background:var(--glass-field)}select option{background:var(--glass-opaque);color:var(--color-text)}input[type=checkbox]{accent-color:var(--color-accent-text)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}label{font-weight:500}th,td{border-color:var(--glass-divider)}th{font-weight:500}.status-chip,.notice,.error,.payment-extra,.batch-review{border-radius:var(--radius-md)}.status-chip{background:var(--glass-tint);color:var(--t1)}.payment-tabs a{display:inline-flex;align-items:center}.payment-steps{display:flex;flex-wrap:wrap;gap:12px 28px;padding:0;list-style:none;margin:0 0 24px;color:var(--color-text-muted);font-size:14px}.payment-steps li{display:flex;align-items:center;gap:8px}.payment-steps span{display:grid;place-items:center;width:32px;height:32px;border:1px solid var(--glass-border);border-radius:8px;background:var(--glass-panel)}.payment-steps .current{color:var(--color-accent-text);font-weight:600}.payment-steps .current span{background:var(--glass-tint);border-color:var(--color-accent-text)}.payment-review{max-width:760px;margin-inline:auto}.payment-extra summary{min-height:44px;align-content:center}.payment-extra{margin-bottom:20px;background:var(--glass-field)}.payment-container{max-width:940px}.order-form{display:grid;gap:20px}.template-card{border-radius:var(--radius-lg)}.bank-dialog::backdrop{background:var(--glass-overlay)}.bank-dialog{background:var(--glass-opaque)}.card-action{box-shadow:none}.card-action small,.card-spending-bars strong,.card-spending-bars small{font-size:12px}.riznica-frame{background:transparent;border-radius:var(--radius-lg)}@media(max-width:1100px){.sidebar{width:204px;flex-basis:204px}.glass-topbar{gap:8px}.user-menu-trigger>span:last-child{display:none}}@media(max-width:900px){.accounts-overview{grid-template-columns:minmax(0,1fr)}.demo-workspace.app-shell{gap:10px;padding:10px}.sidebar{flex:0 0 auto;width:100%;padding:10px 14px;gap:8px}.sidebar-nav.demo-nav{max-height:45vh;gap:12px}.glass-topbar{gap:10px;padding:12px}.glass-topbar .company-picker{flex:1;max-width:none;order:0}.glass-topbar .alatke{order:1}.glass-topbar .theme-picker{order:2}.glass-topbar .user-menu{order:3;margin-left:auto}.demo-main{padding:22px 6px 16px}.page-heading h1{font-size:26px}.panel{padding:20px}}@media(max-width:480px){.demo-workspace.app-shell{padding:8px}.glass-topbar .company-picker{flex-basis:100%}.glass-topbar .alatke{flex:1;justify-content:flex-start}.glass-topbar .theme-picker{flex:1}.demo-main{padding:20px 4px}.panel{padding:16px}.payment-tabs,.type-tabs{gap:4px}.page-heading h1{font-size:24px}.metric strong,.order-amount,.hero-balance{font-size:30px;overflow-wrap:anywhere}.template-grid{grid-template-columns:minmax(0,1fr)}.filter-row label{max-width:100%;width:100%}.summary-row{gap:12px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.sidebar{width:248px;flex:0 0 248px;flex-basis:248px}.demo-main{padding:24px 32px 28px}.glass-topbar{height:64px;flex-wrap:nowrap;padding:0 20px}.page-heading{min-height:40px;margin-bottom:14px}.payment-tabs,.type-tabs{margin:14px 0 16px}.breadcrumb{margin-right:auto;min-width:0}.breadcrumb ol{display:flex;align-items:center;gap:6px;margin:0;padding:0;list-style:none;white-space:nowrap;overflow:hidden}.breadcrumb li{font-size:var(--fs-grupa);font-weight:500;text-transform:uppercase;letter-spacing:var(--ls-grupa);color:var(--t3)}.breadcrumb li+li:before{content:"/";margin-right:6px;color:var(--t3)}.breadcrumb li:last-child{color:var(--t1)}@media(max-width:1100px){.sidebar{width:204px;flex:0 0 204px;flex-basis:204px}}@media(max-width:900px){.sidebar{width:100%;flex:0 0 auto}.demo-main{padding:22px 6px 16px}.glass-topbar{height:auto;flex-wrap:wrap;padding:12px}.breadcrumb{flex-basis:100%;margin-right:0}}.glass-topbar .alatke a{width:38px;height:38px}.glass-topbar .seg-group button{min-height:30px}.glass-topbar .company-picker{gap:0}.glass-topbar .company-picker select{min-height:38px}.glass-topbar .user-menu-trigger{min-height:38px;padding:4px 8px}.glass-topbar .user-avatar{width:30px;height:30px}.breadcrumb li{text-transform:none;letter-spacing:normal;font-size:var(--fs-malo)}.action-row button,.action-row .button{min-height:38px;padding:7px 14px}.panel .action-row button.primary,.panel .action-row .button.primary,form .action-row button[type=submit]{min-height:44px;padding:10px 18px}.page-heading .action-row button,.page-heading .action-row .button{min-height:38px;padding:7px 14px}.filter-row button,.card-action{min-height:32px;padding:5px 12px}button.primary,.button.primary{box-shadow:none}button:disabled,button[disabled]{border-color:var(--line);box-shadow:none}.payment-tabs a.active,.type-tabs button.active{background:var(--tint);color:var(--t0);border-color:var(--line)}input[type=checkbox]:checked{accent-color:var(--pri)}.link-button{min-height:0;color:var(--acc);box-shadow:none}@media(max-width:900px){.action-row button,.action-row .button,.filter-row button{min-height:44px}}.payment-tabs,.type-tabs{display:flex;gap:28px;height:44px;align-items:stretch;flex-wrap:nowrap;overflow-x:auto;margin:14px 0 16px;padding:0;border-bottom:1px solid var(--line)}.payment-tabs a,.type-tabs button{display:flex;align-items:center;gap:7px;min-height:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none;font-size:13.5px;font-weight:400;color:var(--t2);white-space:nowrap}.payment-tabs a.active,.type-tabs button.active{background:none;border:0;color:var(--t0);font-weight:500;box-shadow:inset 0 -2px 0 var(--acc)}.payment-tabs a:hover,.type-tabs button:hover{background:none;color:var(--t0)}.payment-tabs .nb,.type-tabs .nb{display:inline-flex;align-items:center;justify-content:center;height:18px;min-width:18px;padding:0 5px;border-radius:9px;background:var(--pri);color:var(--prifg);font-size:11px;font-weight:600}input,select,textarea{min-height:42px;padding:0 14px;border:1px solid var(--ctl);border-radius:10px;background:var(--card);color:var(--t0)}textarea{min-height:0;padding:12px 14px}.filter-row input,.filter-row select,.glass-topbar select{min-height:38px;font-size:13.5px;padding:0 12px}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:none;border-color:var(--acc);box-shadow:0 0 0 3px color-mix(in srgb,var(--acc) 14%,transparent)}input:disabled,select:disabled,textarea:disabled{background:var(--chip);color:var(--t3);border-color:var(--line)}.status-chip{display:inline-flex;align-items:center;gap:5px;height:24px;padding:0 9px 0 7px;border:0;border-radius:12px;background:var(--chip);color:var(--t1);font-size:12px;font-weight:500}.panel,.metric,.account-card,.login-card,.bank-dialog{background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:var(--sh1)}input:-webkit-autofill{-webkit-text-fill-color:var(--t0);box-shadow:0 0 0 1000px var(--card) inset}input:-webkit-autofill:focus-visible{box-shadow:0 0 0 1000px var(--card) inset,0 0 0 3px color-mix(in srgb,var(--acc) 14%,transparent)}.filter-row button{min-height:38px;padding:7px 14px;border-color:var(--ctl)}@media(max-width:900px){.filter-row button{min-height:44px}}.filter-row button{background:var(--chip);font-size:13.5px;font-weight:500}.filter-row button:hover:not(:disabled){background:color-mix(in srgb,var(--t0) 6%,var(--chip))}.filter-row button:disabled{background:var(--card);border-color:var(--line)}.status-chip.pos{background:var(--posbg);color:var(--pos)}.status-chip.warn{background:var(--warnbg);color:var(--warn)}.status-chip.neg{background:var(--negbg);color:var(--neg)}table{font-size:13.5px}th{font-size:11.5px;letter-spacing:.05em;text-transform:uppercase;padding:10px}td{height:62px;padding:0 10px;border-bottom-color:var(--row);vertical-align:middle}tbody tr:last-child td{border-bottom:0}tbody tr:hover td{background:var(--sub)}tbody tr.sel td{background:var(--sel)}tbody tr.sel td:first-child{box-shadow:inset 3px 0 0 var(--acc)}td.money{white-space:nowrap}input[type=checkbox]{width:18px;height:18px;min-height:18px;accent-color:var(--pri)}td>input[type=checkbox]{width:18px;height:18px;min-height:18px}.order-amount .smjer{margin-left:10px;font-size:14px;font-weight:400;color:var(--t2)}.action-row.detail-actions{justify-content:space-between;align-items:center}.action-row.detail-actions .radnje-lijevo,.action-row.detail-actions .grupa{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.action-row.detail-actions .grupa+.grupa{margin-left:12px}.action-row.alat-demonstracije{border-top:1px solid var(--line);padding-top:16px}.order-details{row-gap:0}.order-details>div{padding:12px 0;border-bottom:1px solid var(--row)}.ib-demo .order-details>div>dd{font-size:14.5px;color:var(--t0)}.natrag{display:inline-flex;vertical-align:-3px;margin-right:4px;transform:rotate(180deg)}summary{list-style:none;display:flex;align-items:center;gap:8px}summary::-webkit-details-marker{display:none}.prosirivac{display:inline-flex;flex-shrink:0;transform:rotate(90deg);transition:transform .15s}details[open]>summary .prosirivac{transform:rotate(-90deg)}.page-heading{align-items:flex-end;gap:24px}.page-heading .page-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.page-heading button,.page-heading .button{min-height:38px;padding:7px 14px}.payment-tabs,.type-tabs{margin-top:0}.payment-tabs+*,.type-tabs+*{margin-top:0}.page-heading .muted{margin-top:4px}.ib-demo a{color:var(--t0)}.ib-demo .payment-tabs a:not(.active),.ib-demo .type-tabs button:not(.active){color:var(--t2)}.ib-demo .sidebar-link:not(.active){color:var(--color-text-muted)}.card-head{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.card-head h2{margin:0}.iznos-polje{display:flex;align-items:center;gap:8px;color:var(--t2);font-size:13.5px}.iznos-polje input{width:148px;text-align:right}dialog.panel{margin:auto;max-width:520px;width:calc(100% - 32px);padding:24px;color:var(--color-text);box-shadow:var(--sh2)}dialog.panel::backdrop{background:#0000006b}.orders-table{table-layout:fixed}.orders-table td{overflow-wrap:anywhere}.promet-table{table-layout:fixed}.promet-table td{overflow-wrap:anywhere}.model-row{display:flex;align-items:center;gap:8px}.model-prefix{font-weight:700;color:var(--color-text-muted)}.link-button{justify-self:start;min-height:auto;padding:0;border:0;background:none;color:var(--color-accent-text);text-decoration:underline;text-underline-offset:3px;font-size:14px}.payment-success{text-align:center}.payment-success .checkmark{width:64px;height:64px;margin:8px auto 16px;display:block;stroke:var(--color-success);stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.notice.bank-warning{border-left:4px solid var(--color-warning)}.order-details .promijenjeno dt{color:var(--color-warning);font-weight:700}.order-details .promijenjeno dd small{color:var(--color-warning);font-weight:700;margin-top:2px}.vop-check .vop-message{white-space:pre-line}.vop-mark{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;margin-left:8px;border-radius:50%;background:var(--color-warning);color:var(--color-bg);font-size:12px;font-weight:700;line-height:1;vertical-align:middle}.settings-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}.settings-item{font-size:14.5px}@media(max-width:600px){.settings-row{grid-template-columns:1fr}}.bank-dialog .postavka-red{display:flex;align-items:baseline;gap:8px;margin:0 0 20px;font-size:14.5px}.bank-dialog .postavka-izbornik{font-size:14.5px}.ib-demo{--pri: #e10000;--prifg: #ffffff;--tacc: #e10000}@media(prefers-color-scheme:dark){:root:not([data-tema=svijetla]) .ib-demo{--pri: #e10000;--prifg: #ffffff;--tacc: #ee2218}}:root[data-tema=tamna] .ib-demo{--pri: #e10000;--prifg: #ffffff;--tacc: #ee2218}.ib-demo{--bg: #f6f6f7;--card: #ffffff;--sub: #fafafb;--chip: #f1f1f2;--line: #e6e6e8;--row: #efeff1;--ctl: #d4d4d8;--trk: #d4d4d8;--t0: #0a0a0a;--t1: #3f3f46;--t2: #6b6b72;--t3: #a1a1a8;--pos: #0e6b45;--posbg: #e6f3ec;--warn: #8a4b00;--warnbg: #fbf0e1;--neg: #b42318;--negbg: #fcebe9;--plastic: #0a0a0a;--plastic2: #2e2e33;--sh1: 0 1px 2px rgba(16, 16, 24, .04), 0 4px 14px rgba(16, 16, 24, .04);--sh2: 0 18px 44px rgba(16, 16, 24, .12), 0 2px 6px rgba(16, 16, 24, .05);--ring: var(--pri);--acc: var(--tacc);--tintfg: var(--tacc);--tint: color-mix(in srgb, var(--pri) 9%, #ffffff);--sel: color-mix(in srgb, var(--pri) 5%, #ffffff);--bg: color-mix(in srgb, var(--pri) 3.5%, #f6f6f7);--color-bg: var(--bg);--color-surface: var(--card);--color-surface-sunken: var(--sub);--color-border: var(--line);--color-border-strong: var(--ctl);--color-border-interactive: var(--ctl);--color-text: var(--t0);--color-text-muted: var(--t2);--color-muted: var(--t2);--color-accent: var(--pri);--color-accent-soft: var(--tint);--color-accent-text: var(--acc);--color-on-accent: var(--prifg);--color-success: var(--pos);--color-warning: var(--warn);--color-danger: var(--neg);--color-focus: var(--ring);--color-disabled-bg: var(--chip);--color-disabled-text: var(--t2);--glass-canvas: var(--bg);--glass-panel: var(--card);--glass-material: var(--card);--glass-opaque: var(--card);--glass-tint: var(--tint);--glass-glow-b: var(--tint);--glass-field: var(--sub);--glass-action: var(--chip);--glass-border: var(--line);--glass-divider: var(--line);--glass-orbit: var(--line);--glass-highlight: var(--row);--glass-overlay: var(--sel);--glass-shadow: var(--row);--glass-elevation: var(--sh1);--focus-ring: var(--ring);--font-sans: "IBM Plex Sans", -apple-system, "Segoe UI", sans-serif;--font-display: var(--font-sans);--fs-h1: 28px;--fs-iznos-veliki: 30px;--fs-iznos-valuta: 13px;--fs-iznos-panel: 28px;--fs-h2: 15.5px;--fs-tijelo: 14px;--fs-malo: 13px;--fs-natpis: 12.5px;--fs-label: 11.5px;--fs-grupa: 11px;--ls-h1: -.02em;--ls-label: .07em;--ls-grupa: .08em;--lh-tijelo: 1.45;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 32px;--radius-kartica: 14px;--radius-kutija: 12px;--radius-kontrola: 10px;--radius-kontrola-mala: 9px;--radius-cip: 6px;--radius-pilula: 999px;--radius-lg: var(--radius-kartica);--radius-md: var(--radius-kontrola);background:var(--bg);color:var(--t0);font-family:var(--font-sans);font-size:var(--fs-tijelo);line-height:var(--lh-tijelo);font-variant-numeric:tabular-nums;font-style:normal}@media(prefers-color-scheme:dark){:root:not([data-tema=svijetla]) .ib-demo{--card: #121214;--sub: #161619;--chip: #1c1c20;--line: #26262b;--row: #1e1e23;--ctl: #36363c;--trk: #3f3f46;--t0: #f5f5f6;--t1: #d4d4d8;--t2: #a1a1aa;--t3: #6b6b72;--pos: #6fd6a2;--posbg: rgba(111, 214, 162, .12);--warn: #f0b46a;--warnbg: rgba(240, 180, 106, .13);--neg: #f4908a;--negbg: rgba(244, 144, 138, .13);--plastic: #1c1c20;--plastic2: #3a3a40;--sh1: none;--sh2: 0 18px 44px rgba(0, 0, 0, .6);--ring: var(--pri);--acc: var(--tacc);--tintfg: var(--tacc);--tint: color-mix(in srgb, var(--pri) 22%, #121214);--sel: color-mix(in srgb, var(--pri) 10%, #121214);--bg: #0a0a0b}}:root[data-tema=tamna] .ib-demo{--card: #121214;--sub: #161619;--chip: #1c1c20;--line: #26262b;--row: #1e1e23;--ctl: #36363c;--trk: #3f3f46;--t0: #f5f5f6;--t1: #d4d4d8;--t2: #a1a1aa;--t3: #6b6b72;--pos: #6fd6a2;--posbg: rgba(111, 214, 162, .12);--warn: #f0b46a;--warnbg: rgba(240, 180, 106, .13);--neg: #f4908a;--negbg: rgba(244, 144, 138, .13);--plastic: #1c1c20;--plastic2: #3a3a40;--sh1: none;--sh2: 0 18px 44px rgba(0, 0, 0, .6);--ring: var(--pri);--acc: var(--tacc);--tintfg: var(--tacc);--tint: color-mix(in srgb, var(--pri) 22%, #121214);--sel: color-mix(in srgb, var(--pri) 10%, #121214);--bg: #0a0a0b}.ib-demo h1{font-size:var(--fs-h1);font-weight:600;letter-spacing:var(--ls-h1)}.ib-demo h2,.ib-demo h3{font-size:var(--fs-h2);font-weight:600;letter-spacing:normal}.ib-demo .hero-balance,.ib-demo .order-amount{font-size:var(--fs-iznos-veliki);font-weight:600;letter-spacing:normal}.ib-demo .panel .order-amount{font-size:var(--fs-iznos-panel)}.ib-demo small,.ib-demo .muted{font-size:var(--fs-malo);font-weight:400}.ib-demo .source-note,.ib-demo .order-details dd{font-size:var(--fs-natpis);font-weight:400}.ib-demo .order-details dt,.ib-demo label{font-size:var(--fs-label);font-weight:500;text-transform:uppercase;letter-spacing:var(--ls-label);color:var(--t2)}.ib-demo .sidebar-group-label{font-size:var(--fs-grupa);font-weight:500;text-transform:uppercase;letter-spacing:var(--ls-grupa);color:var(--t3)}.ib-demo{--pri: #ba122b;--prifg: #ffffff;--tacc: #ba122b}@media(prefers-color-scheme:dark){:root:not([data-tema=svijetla]) .ib-demo{--pri: #ba122b;--prifg: #ffffff;--tacc: #cd5466}}:root[data-tema=tamna] .ib-demo{--pri: #ba122b;--prifg: #ffffff;--tacc: #cd5466}