:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#eee;--surface:#fff;--surface-alt:#f7f7f7;--island:#e2e2e2;--island-hover:#d8d8d8;--border:#dbdbdb;--border-subtle:#e6e6e6;--foreground:#1e1e1e;--muted:#5c5c5c;--accent:#a5281f;--accent-hover:#841f16;--accent-soft:#f7e6e3;--accent-ring:#a5281f47;--on-accent:#fff;--error:#e8392a;--error-hover:#c22e21;--error-soft:#fdeceb;--error-border:#f4bcb5;--error-text:#c22e21;--warn:#8a5a00;--warn-soft:#fff4d6;--warn-border:#f0d48a;--ok:#1c7a3d;--ok-soft:#e7f5ec;--ok-border:#bfe3cc;--diagonal:#a5281f;--diagonal-soft:#9c9c9c;--fs-body:.875rem;--fs-data:.8125rem;--fs-label:.75rem;--fs-h1:1.15rem;--fs-h2:.95rem;--fs-micro:.6875rem;--fs-island-label:.656rem;--fs-island-value:.906rem;--fw-island-value:600;--lh-data-row:18px;--radius:4px;--radius-sm:3px;--card-radius:6px;--section-radius:4px;--shadow-card:none;--font-mono:ui-monospace, "Cascadia Mono", Consolas, "SFMono-Regular", Menlo, monospace;--row-h:27px;--card-pad:12px 14px;--gap-form:14px 22px;--scrollbar-thumb:#c8c8c8;--scrollbar-thumb-hover:#adadad;--shadow-thead:none;--shadow-modal:0 12px 32px #14121152;--nav-from:#262524;--nav-to:#333130;--nav-border:#1a1918;--nav-fg:#d9d5d2;--nav-fg-dim:#b7b2ae;--nav-fg-strong:#fff;--nav-fg-ext:#9c958f;--nav-hover-bg:#ffffff17;--nav-active-bg:#ffffff24;--nav-btn-border:#ffffff4d;--nav-btn-fg:#ece8e5;--nav-btn-hover-bg:#ffffff1a;--nav-accent:#e8392a;--login-from:#201f1e;--login-mid:#2e2b29;--login-to:#43261f;--dark-bg:#14171b;--dark-surface:#1c2126;--dark-surface-alt:#20252b;--dark-island:#262c33;--dark-island-hover:#2d343c;--dark-border:#333a42;--dark-border-subtle:#262c33;--dark-foreground:#e8e6e3;--dark-muted:#a8a8a8;--dark-accent:#cf7a6c;--dark-accent-hover:#dd9184;--dark-accent-soft:#2c1a17;--dark-accent-ring:#cf7a6c52;--dark-on-accent:#201110;--dark-error:#e8877c;--dark-error-hover:#ee9a90;--dark-error-soft:#301917;--dark-error-border:#55291f;--dark-error-text:#e8877c;--dark-warn:#e0a842;--dark-warn-soft:#2b2110;--dark-warn-border:#4a3a14;--dark-ok:#5ec98a;--dark-ok-soft:#14291d;--dark-ok-border:#1f4430;--dark-diagonal:#cf7a6c;--dark-diagonal-soft:#5c5c5c;--dark-shadow-card:none;--dark-shadow-thead:none;--dark-shadow-modal:0 12px 32px #0000008c;--dark-scrollbar-thumb:#3a4149;--dark-scrollbar-thumb-hover:#4a525b;--dark-nav-from:#101214;--dark-nav-to:#181b1e;--dark-nav-border:#0a0b0c;--dark-nav-fg:#b7b4b1;--dark-nav-fg-dim:#94918e;--dark-nav-fg-strong:#f2f0ee;--dark-nav-fg-ext:#7d7a77;--dark-nav-hover-bg:#ffffff12;--dark-nav-active-bg:#ffffff1c;--dark-nav-btn-border:#ffffff38;--dark-nav-btn-fg:#dedcda;--dark-nav-btn-hover-bg:#ffffff17;--dark-nav-accent:#cf7a6c;--dark-login-from:#0d0e10;--dark-login-mid:#191a1c;--dark-login-to:#2a1714}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:var(--dark-bg);--surface:var(--dark-surface);--surface-alt:var(--dark-surface-alt);--island:var(--dark-island);--island-hover:var(--dark-island-hover);--border:var(--dark-border);--border-subtle:var(--dark-border-subtle);--foreground:var(--dark-foreground);--muted:var(--dark-muted);--accent:var(--dark-accent);--accent-hover:var(--dark-accent-hover);--accent-soft:var(--dark-accent-soft);--accent-ring:var(--dark-accent-ring);--on-accent:var(--dark-on-accent);--error:var(--dark-error);--error-hover:var(--dark-error-hover);--error-soft:var(--dark-error-soft);--error-border:var(--dark-error-border);--error-text:var(--dark-error-text);--warn:var(--dark-warn);--warn-soft:var(--dark-warn-soft);--warn-border:var(--dark-warn-border);--ok:var(--dark-ok);--ok-soft:var(--dark-ok-soft);--ok-border:var(--dark-ok-border);--diagonal:var(--dark-diagonal);--diagonal-soft:var(--dark-diagonal-soft);--shadow-card:var(--dark-shadow-card);--shadow-thead:var(--dark-shadow-thead);--shadow-modal:var(--dark-shadow-modal);--scrollbar-thumb:var(--dark-scrollbar-thumb);--scrollbar-thumb-hover:var(--dark-scrollbar-thumb-hover);--nav-from:var(--dark-nav-from);--nav-to:var(--dark-nav-to);--nav-border:var(--dark-nav-border);--nav-fg:var(--dark-nav-fg);--nav-fg-dim:var(--dark-nav-fg-dim);--nav-fg-strong:var(--dark-nav-fg-strong);--nav-fg-ext:var(--dark-nav-fg-ext);--nav-hover-bg:var(--dark-nav-hover-bg);--nav-active-bg:var(--dark-nav-active-bg);--nav-btn-border:var(--dark-nav-btn-border);--nav-btn-fg:var(--dark-nav-btn-fg);--nav-btn-hover-bg:var(--dark-nav-btn-hover-bg);--nav-accent:var(--dark-nav-accent);--login-from:var(--dark-login-from);--login-mid:var(--dark-login-mid);--login-to:var(--dark-login-to)}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:var(--dark-bg);--surface:var(--dark-surface);--surface-alt:var(--dark-surface-alt);--island:var(--dark-island);--island-hover:var(--dark-island-hover);--border:var(--dark-border);--border-subtle:var(--dark-border-subtle);--foreground:var(--dark-foreground);--muted:var(--dark-muted);--accent:var(--dark-accent);--accent-hover:var(--dark-accent-hover);--accent-soft:var(--dark-accent-soft);--accent-ring:var(--dark-accent-ring);--on-accent:var(--dark-on-accent);--error:var(--dark-error);--error-hover:var(--dark-error-hover);--error-soft:var(--dark-error-soft);--error-border:var(--dark-error-border);--error-text:var(--dark-error-text);--warn:var(--dark-warn);--warn-soft:var(--dark-warn-soft);--warn-border:var(--dark-warn-border);--ok:var(--dark-ok);--ok-soft:var(--dark-ok-soft);--ok-border:var(--dark-ok-border);--diagonal:var(--dark-diagonal);--diagonal-soft:var(--dark-diagonal-soft);--shadow-card:var(--dark-shadow-card);--shadow-thead:var(--dark-shadow-thead);--shadow-modal:var(--dark-shadow-modal);--scrollbar-thumb:var(--dark-scrollbar-thumb);--scrollbar-thumb-hover:var(--dark-scrollbar-thumb-hover);--nav-from:var(--dark-nav-from);--nav-to:var(--dark-nav-to);--nav-border:var(--dark-nav-border);--nav-fg:var(--dark-nav-fg);--nav-fg-dim:var(--dark-nav-fg-dim);--nav-fg-strong:var(--dark-nav-fg-strong);--nav-fg-ext:var(--dark-nav-fg-ext);--nav-hover-bg:var(--dark-nav-hover-bg);--nav-active-bg:var(--dark-nav-active-bg);--nav-btn-border:var(--dark-nav-btn-border);--nav-btn-fg:var(--dark-nav-btn-fg);--nav-btn-hover-bg:var(--dark-nav-btn-hover-bg);--nav-accent:var(--dark-nav-accent);--login-from:var(--dark-login-from);--login-mid:var(--dark-login-mid);--login-to:var(--dark-login-to)}*{box-sizing:border-box;margin:0;padding:0}html,body{max-width:100vw;height:100%;overflow-x:hidden}body{color:var(--foreground);background:var(--bg);font-family:Segoe UI,system-ui,Arial,Helvetica,sans-serif;font-size:var(--fs-body);-webkit-font-smoothing:antialiased}a{color:var(--accent)}a:hover{color:var(--accent-hover)}button{font:inherit;cursor:pointer}h1{font-size:var(--fs-h1);letter-spacing:-.01em;font-weight:600}h2{font-size:var(--fs-h2);font-weight:600}.fm-diagonal-mark{background:var(--diagonal);flex-shrink:0;width:8px;height:8px;display:inline-block;transform:skew(-18deg)}table{border-collapse:collapse;background:var(--surface);font-variant-numeric:tabular-nums;width:100%}th,td{border:1px solid var(--border-subtle);text-align:left;font-size:var(--fs-data);line-height:var(--lh-data-row);white-space:nowrap;padding:4px 11px}th{letter-spacing:.05em;text-transform:uppercase;color:var(--muted);font-size:10.5px;font-weight:600}tbody tr:nth-child(2n){background:var(--surface-alt)}tbody tr:hover{background:var(--accent-soft)}td a{font-weight:500;text-decoration:none}td a:hover{text-decoration:underline}.login-page{background:linear-gradient(160deg, var(--login-from) 0%, var(--login-mid) 55%, var(--login-to) 100%);justify-content:center;align-items:center;min-height:100%;padding:2rem;display:flex}.login-form{border:1px solid var(--border);background:var(--surface);width:100%;max-width:340px;box-shadow:var(--shadow-modal);border-radius:10px;flex-direction:column;gap:.75rem;padding:2rem;display:flex}.login-form h1{color:var(--accent);margin-bottom:.25rem;font-size:1.05rem}.login-form label{font-size:var(--fs-label);color:var(--muted);flex-direction:column;gap:.25rem;font-weight:600;display:flex}.login-form input{border:1px solid var(--border);border-radius:var(--radius);color:var(--foreground);padding:.5rem;font-size:1rem;font-weight:400}.login-form input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring);outline:none}.login-error{color:var(--error-text);font-size:.9rem}.login-actions{gap:.5rem;margin-top:.5rem;display:flex}.login-actions button[type=submit]{background:var(--accent);color:var(--on-accent);border-radius:var(--radius);border:none;flex:1;padding:.6rem 1rem;font-weight:600}.login-actions button[type=submit]:hover{background:var(--accent-hover)}.login-actions button[type=reset]{border:1px solid var(--border);border-radius:var(--radius);color:var(--muted);background:0 0;padding:.6rem 1rem}.app-shell{flex-direction:column;height:100%;display:flex;overflow:hidden}.app-nav{background:linear-gradient(90deg, var(--nav-from), var(--nav-to));border-bottom:1px solid var(--nav-border);min-height:2.6rem;color:var(--nav-fg);flex-shrink:0;justify-content:space-between;align-items:center;gap:1rem;padding:0 1.25rem;display:flex}.app-nav nav{flex-wrap:wrap;align-items:center;gap:.15rem;display:flex}.app-nav nav a{color:var(--nav-fg-dim);border-radius:var(--radius);padding:.28rem .55rem;font-size:.85rem;line-height:1.2;text-decoration:none;position:relative}.app-nav nav a:hover{color:var(--nav-fg-strong);background:var(--nav-hover-bg)}.app-nav nav a.nav-active{color:var(--nav-fg-strong);background:var(--nav-active-bg);font-weight:600}.app-nav nav a.nav-active:after{content:"";background:var(--nav-accent);height:2px;position:absolute;bottom:1px;left:8px;right:8px;transform:skew(-20deg)}.app-nav nav a.nav-external{color:var(--nav-fg-ext);font-style:italic}.app-nav-user{color:var(--nav-fg-dim);white-space:nowrap;align-items:center;gap:.75rem;font-size:.8rem;display:flex}.app-nav-user button{border:1px solid var(--nav-btn-border);border-radius:var(--radius);color:var(--nav-btn-fg);background:0 0;padding:.25rem .7rem;font-size:.8rem}.app-nav-user button:hover{background:var(--nav-btn-hover-bg)}.theme-switch{border:1px solid var(--nav-btn-border);border-radius:var(--radius);align-items:center;gap:2px;padding:2px;display:flex}.theme-switch button{color:var(--nav-fg-dim);background:0 0;border:none;border-radius:4px;padding:.15rem .5rem;font-size:.75rem;line-height:1.4}.theme-switch button:hover{background:var(--nav-hover-bg);color:var(--nav-fg-strong)}:root:not([data-theme]) .theme-switch button[data-tema=sustav],:root[data-theme=light] .theme-switch button[data-tema=svijetlo],:root[data-theme=dark] .theme-switch button[data-tema=tamno]{background:var(--nav-active-bg);color:var(--nav-fg-strong);font-weight:600}.app-content{flex-direction:column;flex:1;width:100%;min-height:0;padding:.85rem 1.25rem 1rem;display:flex;overflow-y:auto}.app-content>.page-narrow{width:100%;max-width:1000px;margin:0 auto}.app-content>.page-fill{flex-direction:column;flex:1;width:100%;min-height:0;display:flex}.table-scroll{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);min-height:0;box-shadow:var(--shadow-card);flex:1;overflow:auto}.table-scroll table{border-collapse:separate;border-spacing:0;width:100%}.table-scroll th,.table-scroll td{border:none;border-bottom:1px solid var(--border-subtle);border-right:1px solid var(--border-subtle)}.table-scroll thead{z-index:1;position:sticky;top:0}.table-scroll thead th{background:var(--surface-alt);border-bottom:2px solid var(--border);box-shadow:var(--shadow-thead)}.table-scroll tbody tr{height:var(--row-h)}.cell-num,.cell-code{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:12.5px}.cell-num{text-align:right}.total-row-strong{font-size:var(--fs-body);color:var(--foreground);font-weight:600}.table-scroll td .btn-primary,.table-scroll td .btn-secondary,.table-scroll td button{font-size:var(--fs-label);vertical-align:middle;box-shadow:none;padding:0 8px;line-height:16px}.table-scroll td form{line-height:0}.table-scroll::-webkit-scrollbar{width:10px;height:10px}.table-scroll::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border:2px solid var(--surface);border-radius:6px}.table-scroll::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.form-grid{gap:var(--gap-form);background:var(--surface);border:1px solid var(--border);border-radius:var(--card-radius);max-width:1100px;padding:var(--card-pad);box-shadow:var(--shadow-card);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}@media (max-width:1100px){.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:700px){.form-grid{grid-template-columns:minmax(0,1fr)}}.form-field-wide{grid-column:span 2}@media (max-width:700px){.form-field-wide{grid-column:auto}}.form-grid label{font-size:var(--fs-label);color:var(--muted);flex-direction:column;gap:4px;font-weight:600;display:flex}.form-grid label:has(input:required):before{content:""}.form-grid label:has(select:required):before{content:""}:is(.form-grid label:has(input:required)>input,.form-grid label:has(select:required)>select){border-left:3px solid var(--accent)}.form-grid input,.form-grid select,.form-grid textarea{border:1px solid var(--border);border-radius:var(--radius);font-size:var(--fs-body);color:var(--foreground);background:var(--surface);padding:8px 11px;font-family:inherit;font-weight:400}.form-grid textarea{resize:vertical}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring);outline:none}.form-grid input:disabled,.form-grid select:disabled{background:var(--surface-alt);color:var(--muted)}.form-checkboxes{background:var(--surface-alt);border:1px solid var(--border-subtle);border-radius:var(--radius);flex-wrap:wrap;grid-column:1/-1;gap:.4rem 1.1rem;padding:.45rem .6rem;display:flex}.form-checkboxes label{color:var(--foreground);font-weight:500;font-size:var(--fs-data);flex-direction:row;align-items:center;gap:.4rem}.form-checkboxes input[type=checkbox]{accent-color:var(--accent)}.form-actions{grid-column:1/-1;gap:.6rem;margin-top:.35rem;display:flex}.btn-primary{background:var(--accent);color:var(--on-accent);border-radius:var(--radius);font-weight:600;font-size:var(--fs-body);box-shadow:var(--shadow-card);border:none;padding:.45rem 1rem}.btn-primary:hover{background:var(--accent-hover)}.btn-primary:active{transform:translateY(1px)}.btn-primary:disabled{opacity:.55;cursor:default}.btn-secondary{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);font-size:var(--fs-body);color:var(--foreground);padding:.45rem 1rem;text-decoration:none}.btn-secondary:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.btn-secondary:active{transform:translateY(1px)}.banner-error{background:var(--error-soft);color:var(--error-text);border:1px solid var(--error-border);border-left:4px solid var(--error);border-radius:var(--radius);font-size:var(--fs-data);margin-bottom:.75rem;padding:.5rem .8rem}.banner-warn{background:var(--warn-soft);color:var(--warn);border:1px solid var(--warn-border);border-left:4px solid var(--warn);border-radius:var(--radius);font-size:var(--fs-data);margin-bottom:.75rem;padding:.5rem .8rem}.banner-info{background:var(--ok-soft);color:var(--ok);border:1px solid var(--ok-border);border-left:4px solid var(--ok);border-radius:var(--radius);font-size:var(--fs-data);margin-bottom:.75rem;padding:.5rem .8rem}.page-header{flex-shrink:0;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.55rem;display:flex}.text-muted{color:var(--muted);font-size:var(--fs-data)}.list-toolbar{flex-wrap:wrap;flex-shrink:0;align-items:center;gap:.5rem .75rem;margin-bottom:.55rem;display:flex}.list-toolbar h1{flex-shrink:0}.list-toolbar-count{color:var(--muted);font-size:var(--fs-data);font-family:var(--font-mono);font-variant-numeric:tabular-nums;flex-shrink:0}.list-toolbar-filters{flex-wrap:wrap;flex:1;align-items:center;gap:.5rem;min-width:0;display:flex}.list-toolbar-filters label{font-size:var(--fs-label);color:var(--muted);white-space:nowrap;align-items:center;gap:.35rem;font-weight:600;display:flex}.list-toolbar-filters input,.list-toolbar-filters select{border:1px solid var(--border);border-radius:var(--radius);font-size:var(--fs-data);color:var(--foreground);background:var(--surface);padding:.3rem .5rem;font-weight:400}.list-toolbar-filters input:focus,.list-toolbar-filters select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring);outline:none}.list-toolbar-actions{flex-shrink:0;gap:.5rem;display:flex}.vehicle-identity{flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:.6rem 1rem;margin-bottom:.55rem;display:flex}.vehicle-identity-main{flex-wrap:wrap;align-items:center;gap:.6rem;min-width:0;display:flex}.vehicle-identity-reg{font-family:var(--font-mono);color:var(--foreground);font-size:24px;font-weight:600}.vehicle-identity-meta{color:var(--muted);font-size:var(--fs-data)}.vehicle-identity-actions{flex-shrink:0;align-items:flex-start;gap:.5rem;display:flex}.chip{border-radius:var(--radius-sm);white-space:nowrap;vertical-align:top;border:1px solid #0000;align-items:center;padding:3px 8px;font-size:12px;font-weight:600;line-height:1.1;display:inline-flex}.chip.ok{background:var(--ok-soft);color:var(--ok)}.chip.warn{background:var(--warn-soft);color:var(--warn)}.chip.error{background:var(--error-soft);color:var(--error-text);border-color:var(--error-border)}.chip.neu{background:var(--surface-alt);color:var(--muted);border-color:var(--border)}td .chip{padding:0 8px;font-size:11px;line-height:16px}.sifarnik-field-checkbox{align-items:center;flex-direction:row!important;gap:.4rem!important}.sifarnik-field-wide{grid-column:1/-1}.sifarnik-row-form{background:var(--accent-soft);border:1px solid var(--border);border-left:4px solid var(--accent);border-radius:var(--radius);max-width:none;box-shadow:none;padding:.85rem 1rem}.sifarnik-actions-cell{white-space:nowrap;align-items:flex-start;gap:.4rem;display:flex}.sifarnik-actions-cell .btn-secondary{font-size:var(--fs-label);padding:.15rem .55rem}.sifarnik-filters{background:var(--surface);border:1px solid var(--border-subtle);border-radius:var(--radius);flex-wrap:wrap;flex-shrink:0;align-items:flex-end;gap:.75rem 1.25rem;margin-bottom:.65rem;padding:.5rem .75rem;display:flex}.sifarnik-filters label{font-size:var(--fs-label);color:var(--muted);flex-direction:column;gap:.2rem;font-weight:600;display:flex}.sifarnik-filters select,.sifarnik-filters input{border:1px solid var(--border);border-radius:var(--radius);font-size:var(--fs-body);color:var(--foreground);background:var(--surface);padding:.3rem .45rem;font-weight:400}.sifarnik-filters select:focus,.sifarnik-filters input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring);outline:none}.sifarnik-filters .btn-secondary{padding:.3rem .8rem}.sifarnici-groups{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.85rem;display:grid}.sifarnici-group{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-card);padding:.75rem .9rem}.sifarnici-group h2{font-size:var(--fs-label);text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin-bottom:.5rem}.sifarnici-group ul{font-size:var(--fs-data);flex-direction:column;gap:.3rem;list-style:none;display:flex}.sifarnici-group a{text-decoration:none}.sifarnici-group a:hover{text-decoration:underline}.tab-bar{border-bottom:2px solid var(--border);flex-wrap:wrap;flex-shrink:0;gap:.15rem;margin-bottom:.65rem;display:flex}.tab-bar a{border-radius:var(--radius) var(--radius) 0 0;font-size:var(--fs-data);color:var(--muted);border:1px solid #0000;border-bottom-width:2px;margin-bottom:-2px;padding:.35rem .85rem;text-decoration:none;position:relative}.tab-bar a:hover{color:var(--accent);background:var(--accent-soft)}.tab-bar a.tab-active{color:var(--accent);background:var(--surface);font-weight:600}.tab-bar a.tab-active:after{content:"";background:var(--accent);height:3px;position:absolute;bottom:-2px;left:10px;right:10px;transform:skew(-20deg)}.tab-content{flex-direction:column;flex:1;min-height:0;display:flex}.tab-content>.page-fill{flex-direction:column;flex:1;width:100%;min-height:0;display:flex}.card-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.75rem;display:grid}.hub-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);flex-direction:column;gap:.35rem;padding:.75rem .9rem;display:flex}.hub-card h3{font-size:var(--fs-label);margin:0}.hub-card p{font-size:var(--fs-data);color:var(--muted);flex:1;margin:0}.otoci-section{margin-bottom:1rem}.otoci-section>h2{font-size:var(--fs-label);color:var(--muted);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:8px;margin-bottom:.45rem;display:flex}.otoci-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--card-radius);padding:var(--card-pad)}.otoci-grid{background:var(--island);border-radius:var(--section-radius);grid-template-columns:repeat(3,minmax(0,1fr));gap:0 32px;padding:2px 16px;display:grid}@media (max-width:1100px){.otoci-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:700px){.otoci-grid{grid-template-columns:minmax(0,1fr)}}.otok{border-bottom:1px solid var(--border-subtle);background:0 0;flex-direction:column;gap:2px;min-width:0;padding:7px 0 8px;display:flex}.otok-wide{grid-column:span 2}@media (max-width:700px){.otok-wide{grid-column:auto}}.otok-label{font-size:var(--fs-island-label);letter-spacing:.05em;text-transform:uppercase;color:var(--muted);font-weight:600}.otok-value{font-size:var(--fs-island-value);font-weight:var(--fw-island-value);color:var(--foreground);overflow-wrap:break-word}.otok-value.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.otok-value.empty{color:var(--muted);font-weight:400}.form-context-strip{gap:32px;margin-bottom:1rem;display:flex}.dashboard-section{margin-bottom:.9rem}.dashboard-section h2{font-size:var(--fs-label);color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.4rem}.kpi-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.55rem;display:grid}.kpi-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-card);flex-direction:column;gap:.15rem;padding:.5rem .75rem;display:flex}.kpi-value{font-variant-numeric:tabular-nums;color:var(--accent);font-size:1.45rem;font-weight:650}.kpi-label{font-size:var(--fs-label);color:var(--muted)}.kpi-status-ok{color:var(--ok);font-weight:600;font-size:var(--fs-label)}.kpi-status-warn{color:var(--error-text);font-weight:600;font-size:var(--fs-label)}.app-nav>.nav-toggle,.app-nav>.nav-brand,.app-nav>.nav-hamburger{display:none}@media (max-width:899.98px){.app-nav{gap:.5rem;min-height:48px;padding:0 .3rem 0 .9rem;position:relative}.app-nav>.nav-toggle{opacity:0;pointer-events:none;width:44px;height:44px;margin:0;display:block;position:absolute;top:2px;right:2px}.app-nav>.nav-brand{color:var(--nav-fg-strong);white-space:nowrap;font-size:.95rem;font-weight:600;display:block}.app-nav>.nav-hamburger{border-radius:var(--radius);cursor:pointer;-webkit-tap-highlight-color:transparent;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;margin-left:auto;display:flex}.app-nav .nav-hamburger-bar{background:var(--nav-fg-strong);width:20px;height:2px;display:block;position:relative}.app-nav .nav-hamburger-bar:before,.app-nav .nav-hamburger-bar:after{content:"";background:var(--nav-fg-strong);width:20px;height:2px;position:absolute;left:0}.app-nav .nav-hamburger-bar:before{top:-6px}.app-nav .nav-hamburger-bar:after{top:6px}.app-nav .nav-toggle:checked~.nav-hamburger .nav-hamburger-bar{background:0 0}.app-nav .nav-toggle:checked~.nav-hamburger .nav-hamburger-bar:before{top:0;transform:rotate(45deg)}.app-nav .nav-toggle:checked~.nav-hamburger .nav-hamburger-bar:after{top:0;transform:rotate(-45deg)}.app-nav .nav-toggle:focus-visible~.nav-hamburger{outline:2px solid var(--nav-accent);outline-offset:-3px}.app-nav nav,.app-nav .app-nav-user{display:none}.app-nav .nav-toggle:checked~nav{z-index:60;overscroll-behavior:contain;background:var(--nav-to);border-top:1px solid var(--nav-border);flex-flow:column;align-items:stretch;gap:0;max-height:calc(100dvh - 48px);padding-bottom:56px;display:flex;position:fixed;inset:48px 0 0;overflow-y:auto}.app-nav .nav-toggle:checked~nav a{border-bottom:1px solid var(--nav-border);border-radius:0;align-items:center;min-height:44px;padding:0 .9rem;font-size:.95rem;display:flex}.app-nav .nav-toggle:checked~nav a.nav-active:after{width:24px;bottom:7px;left:.9rem;right:auto}.app-nav .nav-toggle:checked~.app-nav-user{z-index:61;background:var(--nav-to);border-top:1px solid var(--nav-border);flex-wrap:wrap;justify-content:space-between;gap:.4rem .75rem;min-height:56px;padding:.5rem .9rem;display:flex;position:fixed;bottom:0;left:0;right:0}.vehicle-identity-actions{width:100%}.tab-bar{overscroll-behavior-x:contain;flex-wrap:nowrap;overflow-x:auto}.tab-bar a{flex-shrink:0;margin-bottom:0}.tab-bar a.tab-active:after{bottom:0}}