@layer base,components,overrides,ui;:root{color-scheme:light;--brand: #254866;--brand-hover: #1d3a53;--brand-soft: #e6edf3;--brand-border: #b9cbdb;--brand-contrast: #ffffff;--accent: #4E8754;--accent-hover: #3f6f45;--accent-soft: #e4f0e5;--ok: #4E8754;--ok-soft: #e4f0e5;--ok-border: #b3d3b6;--ok-text: #2f5a34;--warn: #c98a1a;--warn-soft: #fbf1dc;--warn-border: #ecd08f;--warn-text: #7a5410;--danger: #c0392b;--danger-soft: #fae3e0;--danger-border: #eeb1a9;--danger-text: #8c2a20;--info: #254866;--info-soft: #e6edf3;--info-border: #b9cbdb;--info-text: #254866;--cat-orange: #d9822b;--cat-orange-strong: #a85f14;--cat-orange-soft: #fcebd9;--cat-orange-border: #f1c08e;--cat-orange-text: #8a4b10;--cat-teal: #1f9488;--cat-teal-soft: #dcf3f0;--cat-teal-border: #93d6cd;--cat-teal-text: #12645b;--cat-purple: #7656c4;--cat-purple-soft: #ece6f8;--cat-purple-border: #c6b6ea;--cat-purple-text: #4f3591;--cat-pink: #c8478a;--cat-pink-soft: #f9e3ee;--cat-pink-border: #eaafcd;--cat-pink-text: #8a2659;--bg: #f5f7fa;--surface: #ffffff;--surface-2: #f0f3f7;--surface-3: #e6ebf1;--border: #d9e0e8;--border-strong: #b9c4d0;--text: #1b2430;--text-2: #4b5768;--text-3: #67727f;--text-inverse: #ffffff;--overlay: rgba(15, 21, 28, .45);--r-sm: 6px;--r-md: 10px;--r-lg: 14px;--r-pill: 999px;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--shadow-1: 0 1px 2px rgba(16, 24, 40, .06);--shadow-2: 0 4px 12px rgba(16, 24, 40, .08);--shadow-3: 0 12px 32px rgba(16, 24, 40, .14);--focus: 0 0 0 3px rgba(37, 72, 102, .25);--t-fast: .12s;--t-base: .18s;--font: "Inter", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;--font-mono: ui-monospace, "Cascadia Mono", Consolas, monospace;--kiosk-surface: #171f28;--kiosk-surface-2: #1f2933;--kiosk-surface-3: #27323e;--kiosk-border: #2c3744;--kiosk-text: #e8eef5;--kiosk-text-2: #aab6c4;--kiosk-brand: #6f9cc2;--kiosk-brand-contrast: #0e1620;--kiosk-orange-text: #f5c696;--kiosk-orange-soft: #3a2a19;--kiosk-danger-text: #f4b0aa;--kiosk-danger-soft: #3d1f1c;--kiosk-ok-text: #b9e0bd;--print-head-bg: #e8e8e8;--print-weekend-bg: #f1f1f1}:root[data-theme=dark]{color-scheme:dark;--brand: #6f9cc2;--brand-hover: #8ab2d2;--brand-soft: #1f3345;--brand-border: #35506b;--brand-contrast: #0e1620;--accent: #7fb985;--accent-hover: #95c79a;--accent-soft: #1e3222;--ok: #7fb985;--ok-soft: #1e3222;--ok-border: #335a39;--ok-text: #b9e0bd;--warn: #e0a83a;--warn-soft: #3a2e14;--warn-border: #5f4b1f;--warn-text: #f2d08a;--danger: #e2655a;--danger-soft: #3d1f1c;--danger-border: #6a302b;--danger-text: #f4b0aa;--info: #6f9cc2;--info-soft: #1f3345;--info-border: #35506b;--info-text: #a9c7e0;--cat-orange: #e79a4f;--cat-orange-strong: #e79a4f;--cat-orange-soft: #3a2a19;--cat-orange-border: #634526;--cat-orange-text: #f5c696;--cat-teal: #4cc0b3;--cat-teal-soft: #15322f;--cat-teal-border: #22544e;--cat-teal-text: #99e0d7;--cat-purple: #a48be0;--cat-purple-soft: #2a2340;--cat-purple-border: #463a6b;--cat-purple-text: #d2c6f2;--cat-pink: #e07aae;--cat-pink-soft: #3a1d2c;--cat-pink-border: #66324d;--cat-pink-text: #f3bcd8;--bg: #0f151c;--surface: #171f28;--surface-2: #1f2933;--surface-3: #27323e;--border: #2c3744;--border-strong: #3d4a59;--text: #e8eef5;--text-2: #aab6c4;--text-3: #8592a0;--text-inverse: #0f151c;--overlay: rgba(0, 0, 0, .6);--shadow-1: none;--shadow-2: 0 4px 12px rgba(0, 0, 0, .35);--shadow-3: 0 12px 32px rgba(0, 0, 0, .5);--focus: 0 0 0 3px rgba(111, 156, 194, .35)}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/inter-latin-ext-400-normal-hnt3BR84.woff2) format("woff2");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,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:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/inter-latin-400-normal-BOOGhInR.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+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(/assets/inter-latin-ext-500-normal-CIS2RHJS.woff2) format("woff2");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,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:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(/assets/inter-latin-500-normal-D2bGa7uu.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+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(/assets/inter-latin-ext-600-normal-BnYJhD27.woff2) format("woff2");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,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:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(/assets/inter-latin-600-normal-D273HNI0.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+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:700 900;font-display:swap;src:url(/assets/inter-latin-ext-700-normal-CzikT_rs.woff2) format("woff2");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,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:Inter;font-style:normal;font-weight:700 900;font-display:swap;src:url(/assets/inter-latin-700-normal-Sckx8rpT.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+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@layer base{:root{font-family:var(--font);line-height:1.5;font-weight:400;color:var(--text);background-color:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh;font-family:var(--font);background-color:var(--bg);color:var(--text)}input,textarea,select,button{font-family:inherit;color:inherit}.num,td.num,.stat-chip{font-variant-numeric:tabular-nums}a{font-weight:500;color:var(--brand);text-decoration:inherit}a:hover{color:var(--brand-hover)}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;background-color:var(--surface-2);cursor:pointer;transition:border-color .25s}button:hover{border-color:var(--brand)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}#global-loading-overlay{position:fixed;inset:0;display:none;align-items:center;justify-content:center;z-index:9999;pointer-events:none}#global-loading-overlay.show{display:flex;pointer-events:auto}#global-loading-overlay .loading-backdrop{position:absolute;inset:0;background:var(--overlay);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}#global-loading-overlay .loading-card{position:relative;z-index:10000;display:flex;gap:12px;align-items:center;padding:14px 18px;border-radius:var(--r-md);background:var(--surface);color:var(--text);min-width:160px;max-width:90%;box-shadow:var(--shadow-3)}.spinner{border-radius:50%;border:4px solid var(--brand-soft);border-top-color:var(--brand);width:40px;height:40px;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}}@layer overrides{.vaspitac-root button,.portir-root button,.login-root button{transition:background var(--t-fast),border-color var(--t-fast),color var(--t-fast),box-shadow var(--t-fast),transform var(--t-fast)}.vaspitac-root button:active:not(:disabled),.portir-root button:active:not(:disabled),.login-root button:active:not(:disabled){transform:scale(.98)}.page-body>*{animation:ui-screen-in .15s ease-out}@keyframes ui-screen-in{0%{opacity:0}to{opacity:1}}}@layer components{*,*:before,*:after{box-sizing:border-box}.login-root{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background:linear-gradient(135deg,var(--brand-hover) 0%,var(--brand) 45%,var(--accent) 100%)}:root[data-theme=dark] .login-root{background:linear-gradient(135deg,var(--bg) 0%,var(--brand-soft) 55%,var(--brand-border) 100%)}.login-root:before,.login-root:after{content:"";position:fixed;border-radius:50%;background:#ffffff14;pointer-events:none}.login-root:before{width:420px;height:420px;top:-120px;left:-120px}.login-root:after{width:320px;height:320px;bottom:-100px;right:-80px}.login-root .login-card{width:100%;max-width:440px;background:var(--surface);color:var(--text);border-radius:22px;box-shadow:var(--shadow-3);padding:26px 28px 22px;position:relative;z-index:1}.login-root .login-head{display:flex;flex-direction:column;align-items:center;gap:8px;margin-bottom:18px;text-align:center}.login-root .login-logo{width:64px;height:64px;border-radius:18px;background:linear-gradient(135deg,var(--brand),var(--accent));display:flex;align-items:center;justify-content:center;font-size:32px;box-shadow:var(--shadow-2)}.login-root .login-title,:root[data-theme=dark] .login-root .login-title{font-size:22px;font-weight:800;color:var(--text);margin:0}.login-root .login-subtitle,:root[data-theme=dark] .login-root .login-subtitle{font-size:14px;color:var(--text-2);margin:0}.login-root .theme-switcher{position:absolute;top:14px;right:14px;padding:8px 12px;border-radius:var(--r-md);border:1px solid var(--border);background:var(--surface-2);color:var(--info-text);font-weight:700;font-size:13px;cursor:pointer}.login-root .login-tabs{display:flex;gap:8px;margin-bottom:18px;background:var(--bg);border-radius:12px;padding:5px}.login-root .login-tabs .tab{flex:1;padding:11px 8px;border:none;border-radius:9px;background:transparent;color:var(--text-2);font-size:14px;font-weight:700;cursor:pointer;transition:all .15s}.login-root .login-tabs .tab.active,:root[data-theme=dark] .login-root .login-tabs .tab.active{background:var(--brand);color:var(--brand-contrast);box-shadow:var(--shadow-2)}.login-root .login-form{display:flex;flex-direction:column;gap:14px}.login-root .login-form label,:root[data-theme=dark] .login-root .login-form label{display:block;font-size:13px;font-weight:700;color:var(--text-2);margin-bottom:6px}.login-root .login-form input{width:100%;padding:13px 14px;border:1.5px solid var(--border-strong);border-radius:12px;font-size:15px;background:var(--surface);color:var(--text);outline:none;transition:border-color .15s,box-shadow .15s}.login-root .login-form input:focus{border-color:var(--brand);box-shadow:var(--focus)}.login-root .pass-wrap{position:relative}.login-root .pass-wrap input{padding-right:48px}.login-root .pass-toggle{position:absolute;right:8px;top:50%;transform:translateY(-50%);border:none;background:transparent;font-size:18px;cursor:pointer;padding:6px;opacity:.7}.login-root .pass-toggle:hover{opacity:1}.login-root .error,.login-root .error *{color:var(--danger-text)}.login-root .error{background:var(--danger-soft);border:1px solid var(--danger-border);border-radius:var(--r-md);padding:11px 14px;font-size:14px;font-weight:600}.login-root .login-btn{width:100%;padding:14px;border:none;border-radius:12px;background:linear-gradient(135deg,var(--brand),var(--brand-hover));color:var(--brand-contrast);font-size:16px;font-weight:800;cursor:pointer;box-shadow:var(--shadow-2);transition:filter .15s,transform .1s}.login-root .login-btn:hover{filter:brightness(1.08)}.login-root .login-btn:active{transform:scale(.99)}.login-root .login-btn:disabled{opacity:.65;cursor:default}.login-root .login-footer,.login-root .login-footer span{color:var(--text-3)}.login-root .login-footer{margin-top:16px;text-align:center;font-size:12.5px}.login-root .login-logo{color:var(--brand-contrast)}.login-root .login-tabs .tab,.login-root .login-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px}.login-root .theme-switcher,.login-root .pass-toggle{display:inline-flex;align-items:center;justify-content:center}@media(max-width:480px){.login-root .login-card{padding:20px 18px 16px}}}@layer components{.portir-root{min-height:100vh;width:100%;background:var(--bg);color:var(--text)}.portir-root input,.portir-root select,.portir-root textarea{color:var(--text);background:var(--surface)}:root[data-theme=dark] .portir-root input,:root[data-theme=dark] .portir-root select,:root[data-theme=dark] .portir-root textarea{border-color:var(--border)}.portir-root input::placeholder,.portir-root textarea::placeholder{color:var(--text-3);opacity:.85}.portir-root input[type=date],.portir-root input[type=time],.portir-root input[type=datetime-local]{color:var(--text);background:var(--surface)}:root[data-theme=dark] .portir-root input[type=date],:root[data-theme=dark] .portir-root input[type=time],:root[data-theme=dark] .portir-root input[type=datetime-local]{color-scheme:light;border-color:var(--border)}:root[data-theme=dark] .portir-root input[type=date]::-webkit-calendar-picker-indicator,:root[data-theme=dark] .portir-root input[type=time]::-webkit-calendar-picker-indicator,:root[data-theme=dark] .portir-root input[type=datetime-local]::-webkit-calendar-picker-indicator{filter:brightness(0) invert(1);cursor:pointer;opacity:1}.portir-root select option{background:var(--surface);color:var(--text)}.portir-root button,.portir-root .profile-btn,.portir-root .logout-btn{color:var(--brand-contrast)}.theme-switcher{background:var(--surface);border:1px solid var(--brand-border);border-radius:8px;padding:6px 10px;font-weight:600;cursor:pointer;box-shadow:var(--shadow-1)}.theme-switcher,.portir-root .theme-switcher{color:var(--info-text)}.theme-switcher{filter:none;opacity:1}.portir-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px 8px}.date-label{font-size:15px;opacity:.9;color:var(--text)}.date-input{font-size:16px;padding:7px 14px;border-radius:8px;border:1px solid var(--brand);background:var(--surface);color:var(--text)}:root[data-theme=dark] .portir-root .date-input{color-scheme:light}:root[data-theme=dark] .portir-root .date-input::-webkit-calendar-picker-indicator{filter:brightness(0) invert(1);cursor:pointer;opacity:1}.portir-header-right{display:flex;align-items:center;gap:14px}.pinned-controls{display:flex;align-items:center;gap:8px;margin-right:8px}.pinned-counter{background:var(--surface-2);color:var(--text);border-radius:var(--r-pill);padding:6px 10px;font-size:13.5px;font-weight:700}.close-all-btn{background:var(--danger);color:var(--text-inverse);border:none;border-radius:8px;padding:6px 10px;font-weight:700;cursor:pointer}.close-all-btn:hover{filter:brightness(1.05)}.logout-btn{background:var(--brand);color:var(--brand-contrast);border:none;border-radius:8px;font-size:15px;font-weight:700;padding:9px 18px;cursor:pointer;transition:background .2s}.sound-banner{position:fixed;left:50%;top:12px;transform:translate(-50%);z-index:1200;background:var(--warn-soft);color:var(--warn-text);border:1px solid var(--warn-border);border-radius:var(--r-md);padding:8px 12px;font-size:14px;box-shadow:var(--shadow-2)}.sound-btn{margin-left:10px;padding:6px 10px;border-radius:8px;border:none;cursor:pointer;background:var(--brand);color:var(--brand-contrast);font-weight:700}.portir-content{display:grid;grid-template-rows:auto 1fr;width:100%;max-width:none;margin:0;padding:0 0 30px}.portir-content>.vaspitac-page{flex:1 1 auto;width:100%}.portir-content .vaspitac-page .card{width:100%;max-width:none;margin:0}.portir-content .vaspitac-page .card .table-wrap{width:100%;max-width:100%}@media(min-width:1101px){.portir-content .vaspitac-page .card{width:calc(100% - 48px);max-width:none;margin:0 24px}}@media(max-width:1100px){.portir-content .vaspitac-page .card{width:100%;max-width:920px;margin:0 auto}}.logs-panel{background:var(--surface);border-radius:18px;box-shadow:var(--shadow-2);padding:26px 28px;width:100%;max-width:none;margin:0 16px;display:flex;flex-direction:column;gap:20px;box-sizing:border-box}@media(min-width:1101px){.logs-panel{width:calc(100% - 48px);margin:0 24px}}.log-controls{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.search-input,.filter-select{padding:8px 14px;font-size:15px;border-radius:8px;border:1px solid var(--brand);background:var(--bg);color:var(--text)}.controls-spacer{flex:1 1 auto}.manual-add-btn{background:var(--ok);color:var(--text-inverse);border:none;border-radius:8px;font-size:15px;font-weight:700;padding:9px 16px;cursor:pointer;transition:background .2s}.table-wrap{position:relative;max-height:70vh;overflow:auto}.logs-table.sticky-head thead th{position:sticky;top:0;z-index:2;background:var(--surface-2);box-shadow:0 2px color-mix(in srgb,var(--text) 4%,transparent)}.logs-table{width:100%;border-collapse:separate;border-spacing:0}.logs-table.wide{font-size:16.5px}.logs-table th,.logs-table td{padding:12px;border-bottom:1px solid var(--border);text-align:left;vertical-align:middle;color:var(--text)}.logs-table th{background:var(--surface-2);font-size:15px;color:var(--text)}.logs-table tr.table-row{cursor:pointer;transition:background .16s}.logs-table tr.table-row:hover{background:var(--brand-soft)}@keyframes rowFlashLight{0%{background-color:var(--warn-soft)}to{background-color:transparent}}@keyframes rowFlashDark{0%{background-color:var(--warn-soft)}to{background-color:transparent}}.row-flash{animation:rowFlashLight 2.5s ease-out}.row-anomaly{outline:2px solid color-mix(in srgb,var(--danger) 55%,transparent);outline-offset:-2px}.badge-anomaly{box-shadow:0 0 0 2px color-mix(in srgb,var(--danger) 75%,transparent) inset}.user-cell{display:flex;align-items:center;gap:10px}.user-img{width:38px;height:38px;border-radius:50%;object-fit:cover;box-shadow:var(--shadow-1)}.user-fallback{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--brand-soft);color:var(--info-text);font-weight:800}.badge{display:inline-block;padding:5px 11px;border-radius:12px;font-size:13.5px;font-weight:700;color:var(--text-inverse)}.badge-ucenik{background:var(--brand);color:var(--brand-contrast)}.badge-radnik{background:var(--ok);color:var(--text-inverse)}.badge-ulazak{background:var(--brand);color:var(--brand-contrast)}.badge-izlazak{background:var(--cat-orange-strong);color:var(--text-inverse)}.badge-skola{background:var(--cat-purple);color:var(--text-inverse)}.badge-kuci{background:var(--danger);color:var(--text-inverse)}.badge-dopustenje{background:var(--cat-teal);color:var(--text-inverse)}.badge-pauza{background:var(--ok);color:var(--text-inverse)}.badge-izlazak30min{background:var(--cat-pink);color:var(--text-inverse)}.opis-input{width:100%;padding:8px 10px;border-radius:8px;border:1px solid var(--brand);background:var(--bg);font-size:15px;color:var(--text)}.return-info-text{font-size:.85em;color:var(--text-3);margin-top:4px}:root[data-theme=dark] .portir-root .return-info-text{background:var(--surface-3);color:var(--text);padding:4px 8px;border-radius:var(--r-sm);display:inline-block;margin-top:6px}.modal-overlay{position:fixed;inset:0;background:var(--overlay);display:grid;place-items:center;z-index:2000;padding:16px}.form-modal{position:fixed;inset:0;background:var(--overlay);display:flex;align-items:center;justify-content:center;z-index:100000}.manual-form{background:var(--surface);border-radius:18px;box-shadow:var(--shadow-3);padding:26px 28px;min-width:0;max-width:min(560px,calc(100vw - 24px));width:520px;display:flex;flex-direction:column;gap:12px;position:relative;color:var(--text)}.portir-root .manual-form h3,.portir-root .manual-form label,.portir-root .manual-form .form-label,.portir-root .manual-form .chosen-box,.portir-root .manual-form .result-empty{color:var(--text)}.portir-root .manual-form input[type=text],.portir-root .manual-form input[type=password],.portir-root .manual-form input[type=email],.portir-root .manual-form input[type=date],.portir-root .manual-form input[type=time],.portir-root .manual-form input[type=number],.portir-root .manual-form select,.portir-root .manual-form textarea{background:var(--bg);color:var(--text);border:1px solid var(--brand);padding:10px 12px;border-radius:8px;font-size:15px}:root[data-theme=dark] .portir-root .manual-form input[type=text],:root[data-theme=dark] .portir-root .manual-form input[type=password],:root[data-theme=dark] .portir-root .manual-form input[type=email],:root[data-theme=dark] .portir-root .manual-form input[type=date],:root[data-theme=dark] .portir-root .manual-form input[type=time],:root[data-theme=dark] .portir-root .manual-form input[type=number],:root[data-theme=dark] .portir-root .manual-form select,:root[data-theme=dark] .portir-root .manual-form textarea{border-color:var(--border)}.portir-root .manual-form input::placeholder,.portir-root .manual-form textarea::placeholder{color:var(--text-3);opacity:.85}.portir-root .manual-form select option{background:var(--surface);color:var(--text)}:root[data-theme=dark] .portir-root .manual-form input[type=date],:root[data-theme=dark] .portir-root .manual-form input[type=time]{color-scheme:light}:root[data-theme=dark] .portir-root .manual-form input[type=date]::-webkit-calendar-picker-indicator,:root[data-theme=dark] .portir-root .manual-form input[type=time]::-webkit-calendar-picker-indicator{filter:brightness(0) invert(1);cursor:pointer;opacity:1}.login-btn{width:100%;padding:12px;background:var(--brand);color:var(--brand-contrast);border:none;border-radius:8px;font-size:17px;font-weight:600;margin-top:8px;cursor:pointer;box-shadow:var(--shadow-1);transition:background .2s;display:block}.login-btn:disabled{opacity:.6;cursor:not-allowed}.error{color:var(--warn-text);font-weight:600;font-size:15px;margin-top:4px}.form-columns{display:flex;gap:18px}.left-col{width:260px;min-width:200px;max-height:60vh;overflow:auto;display:flex;flex-direction:column}.left-col .results-list{margin-top:8px}.left-preview{width:96px;height:96px;border-radius:12px;overflow:hidden;margin:10px 0 0}.left-col .left-preview{width:140px;height:140px;margin:12px auto 0;border-radius:var(--r-lg);background:var(--brand-soft);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-2)}.left-col .left-preview img{width:100%;height:100%;object-fit:cover;display:block}.left-col .left-preview .selected-fallback{width:100%;height:100%;display:grid;place-items:center;font-weight:900;font-size:36px;color:var(--info-text)}@media(min-width:1100px){.left-col .left-preview{width:160px;height:160px}}@media(max-width:880px){.left-col .left-preview{width:96px;height:96px;margin:8px 0}}.right-col{flex:1 1 auto;min-width:260px;display:flex;flex-direction:column}@media(min-width:880px){.manual-form{width:820px;max-width:calc(100vw - 48px)}}@media(max-width:880px){.form-columns{flex-direction:column}.left-col{width:100%;max-height:220px}.right-col{width:100%}}@media(max-width:420px){.manual-form{padding:12px}}@media(max-width:600px){.manual-form{width:calc(100vw - 24px);max-height:calc(100vh - 24px);overflow:auto}.manual-form input,.manual-form select,.manual-form textarea{width:100%;box-sizing:border-box}}.close-btn{position:absolute;top:10px;right:12px;font-size:22px;background:none;border:none;color:var(--brand);cursor:pointer;font-weight:700}.portir-root .close-btn{color:var(--brand)}.details-form{width:560px;max-width:min(560px,calc(100vw - 24px))}.portir-root .details-form .details-label,.portir-root .details-form .details-name{color:var(--text)}.portir-root .details-textarea{background:var(--bg);color:var(--text);border:1px solid var(--brand)}:root[data-theme=dark] .portir-root .details-textarea{border-color:var(--border)}.results-list{display:flex;flex-direction:column;gap:8px;max-height:300px;overflow:auto;margin:8px 0}.result-item{display:flex;align-items:center;gap:12px;background:var(--surface-2);border:1px solid var(--brand-border);border-radius:var(--r-md);padding:8px 10px;cursor:pointer;transition:background .15s ease,box-shadow .15s ease}.result-item:hover{background:var(--brand-soft);box-shadow:var(--shadow-2)}.result-item.active{outline:2px solid var(--brand);outline-offset:-2px}.result-avatar{width:44px;height:44px;border-radius:var(--r-md);overflow:hidden;background:var(--brand-soft);display:grid;place-items:center;font-weight:800;color:var(--info-text)}.result-avatar img{width:44px;height:44px;object-fit:cover;border-radius:var(--r-md)}.result-meta{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.result-name{font-weight:800;color:var(--text)}.result-id{font-size:12px;opacity:.8;color:var(--text)}.chosen-box{margin:8px 0;font-weight:700}.selected-preview{width:96px;height:96px;border-radius:12px;overflow:hidden;margin:8px 0}.selected-preview img{width:96px;height:96px;object-fit:cover;border-radius:12px}.selected-fallback{width:96px;height:96px;border-radius:12px;background:var(--brand-soft);color:var(--info-text);display:grid;place-items:center;font-weight:900;font-size:28px}.result-empty{padding:12px;text-align:center;opacity:.8;color:var(--text)}@media(max-width:1200px){.logs-panel{max-width:98vw;width:100%;min-width:0;margin:0 auto;padding:16px}.app-header,.portir-header{padding-left:12px;padding-right:12px}.portir-content{justify-content:center;padding:12px 0}}@media(max-width:720px){.logs-table{border:none}.logs-table thead{display:none}.logs-table,.logs-table tbody,.logs-table tr,.logs-table td{display:block;width:100%}.logs-table tr{margin:10px 0;background:var(--surface);border-radius:12px;padding:10px;box-shadow:var(--shadow-1);border:1px solid var(--border)}.logs-table td{padding:8px 0;border:none;display:flex;align-items:center;justify-content:space-between;gap:12px}.logs-table td:last-child{border-bottom:none}.logs-table td:before{content:attr(data-label);font-weight:700;color:var(--text-3);font-size:13px;margin-right:8px;min-width:80px;display:inline-block}.user-cell{display:flex;align-items:center;gap:10px}.user-img,.user-fallback{width:44px;height:44px}.user-meta{display:flex;flex-direction:column;margin-left:6px;min-width:0}.user-name{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text)}.user-smer{font-size:12px;color:var(--text-3);margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.logs-table td[data-label=Status]{display:flex;align-items:center;justify-content:flex-start;gap:8px}.logs-table td[data-label=Status] .status-dot{width:14px;height:14px;flex:0 0 14px;margin-right:6px;box-shadow:0 0 0 2px color-mix(in srgb,var(--text) 6%,transparent) inset}.logs-table td[data-label=ID]{font-weight:800;color:var(--text)}}@media(max-width:420px){.logs-panel{margin:0;padding:8px;border-radius:8px;box-shadow:none}.log-controls{flex-direction:column;gap:8px}.log-controls>*{width:100%;box-sizing:border-box}input[type=text],input[type=date],.search-input,.filter-select,.opis-input{font-size:13px;padding:6px 8px}.user-img,.user-fallback{width:30px;height:30px}.badge,.time-chip{font-size:12px;padding:4px 8px}}.manual-inline-row{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap;margin-top:8px}.inline-field{display:flex;flex-direction:column;gap:6px;position:relative}.inline-field input,.inline-field select{min-width:180px}.inline-dropdown{position:absolute;left:0;top:100%;margin-top:6px;min-width:220px;background:var(--surface);border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow-3);z-index:2000;max-height:260px;overflow:auto}.inline-dropdown button{display:block;width:100%;text-align:left;padding:8px 10px;border:none;background:var(--surface);color:var(--text);cursor:pointer}.inline-dropdown button:hover{background:var(--surface-2)}@keyframes pulse{0%{opacity:1}50%{opacity:.55}to{opacity:1}}.page-loading-overlay{position:absolute;inset:0;background:color-mix(in srgb,var(--surface) 60%,transparent);display:flex;align-items:center;justify-content:center;z-index:2000}.page-loading-box{padding:12px 16px;border-radius:8px;background:var(--surface);color:var(--text);font-weight:700;box-shadow:var(--shadow-2)}@media(max-width:480px){.form-modal{align-items:flex-end;padding:0}.manual-form,.details-form{width:100vw;min-width:0;max-width:100vw;margin:0;border-radius:16px 16px 0 0;max-height:92dvh;overflow:auto;box-sizing:border-box;padding-bottom:calc(16px + env(safe-area-inset-bottom,0px))}}@media(max-width:480px){.portir-root .search-input,.portir-root .filter-select,.portir-root .manual-form input,.portir-root .manual-form select{font-size:16px}}}@layer components{.pt-sb-bottom{margin-top:auto;padding:12px}.pt-ico-row{display:inline-flex;align-items:center;justify-content:center;gap:6px}.portir-root .vaspitac-sidebar .sb-bottom .theme-switcher.pt-theme,.portir-root .mobile-menu .theme-switcher.pt-theme{width:100%;height:auto;margin-bottom:8px;padding:10px 12px;border-radius:6px;background:var(--surface);color:var(--info-text);border:1px solid var(--brand-border);font-weight:600}.portir-root .vaspitac-sidebar .sb-bottom .theme-switcher.pt-theme{display:flex;align-items:center;justify-content:center}.portir-root .mobile-menu .theme-switcher.pt-theme{border-radius:8px}.portir-root .vaspitac-sidebar.collapsed .sb-bottom .theme-switcher.pt-theme{width:44px;height:44px;padding:0;border-radius:8px}.pt-theme .pt-theme-label{color:var(--info-text)}.portir-root .vaspitac-sidebar .sb-bottom .profile-btn.pt-profile,.portir-root .mobile-menu .profile-btn.pt-profile{width:100%;height:auto;padding:10px 12px;margin-bottom:8px;font-weight:700;background:var(--brand);color:var(--text-inverse);border:none;border-radius:8px}.portir-root .vaspitac-sidebar .sb-bottom .profile-btn.pt-profile{display:flex;align-items:center;justify-content:center;gap:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.portir-root .vaspitac-sidebar.collapsed .sb-bottom .profile-btn.pt-profile{width:44px;height:44px;padding:0;border-radius:50%}.pt-profile .pt-profile-initials{font-weight:800;font-size:14px;color:var(--text-inverse)}.pt-profile .pt-profile-name{font-size:15px;color:var(--text-inverse)}.portir-root .mobile-menu .pt-profile .pt-profile-name{font-size:inherit}.portir-root .vaspitac-sidebar .sb-bottom .logout-btn.pt-logout,.portir-root .mobile-menu .logout-btn.pt-logout{width:100%;background:var(--danger);color:var(--text-inverse);border:none;padding:10px 12px;border-radius:6px}.portir-root .vaspitac-sidebar.collapsed .sb-bottom .logout-btn.pt-logout{width:44px;height:44px;padding:0;border-radius:8px;display:flex;align-items:center;justify-content:center}.pt-logout .pt-ico-row{color:var(--text-inverse)}.pt-ah-left{display:flex;align-items:center;gap:8px}.page-title.pt-page-title{margin:0;display:flex;align-items:center;gap:var(--sp-2)}.pt-spacer{height:8px}.pt-mm-actions{padding:12px}.pt-mm-title{display:flex;align-items:center;gap:var(--sp-2)}.mobile-menu-close.pt-mm-close{display:inline-flex;align-items:center;justify-content:center}.secondary-btn.pt-mm-dismiss{display:inline-flex;align-items:center;justify-content:center;gap:6px}.stat-chip.pt-ico-chip{display:inline-flex;align-items:center;gap:6px}.pt-ico-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px}.su-toolbar{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-bottom:10px}.su-toolbar--tight{gap:8px}.search-input.su-search{flex:1 1 220px;min-width:180px;padding:10px 12px;border-radius:10px;border:1.5px solid var(--border-strong);font-size:15px}.su-only-absent{display:flex;align-items:center;gap:6px;cursor:pointer;-webkit-user-select:none;user-select:none;font-weight:600;min-height:44px}.su-chips{display:flex;gap:8px;margin-left:auto;flex-wrap:wrap}.secondary-btn.su-day-btn{min-width:44px;display:inline-flex;align-items:center;justify-content:center}.su-time-input{padding:9px 10px;border-radius:10px;border:1.5px solid var(--border-strong)}.su-updated{font-size:12px;opacity:.7;margin-bottom:8px}.error.su-error{margin-bottom:8px}.su-name{font-weight:600}.su-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover}.su-avatar-fb{background:var(--brand-soft);color:var(--info-text);display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:13px}.su-status{padding:3px 10px;border-radius:var(--r-pill);font-weight:700;font-size:13px;white-space:nowrap}.su-status--ok{background:var(--ok-soft);color:var(--ok-text)}.su-status--info{background:var(--info-soft);color:var(--info-text)}.su-status--purple{background:var(--cat-purple-soft);color:var(--cat-purple-text)}.su-status--orange{background:var(--cat-orange-soft);color:var(--cat-orange-text)}.su-status--neutral{background:var(--surface-2);color:var(--text-2)}.su-status--danger{background:var(--danger-soft);color:var(--danger-text)}}@layer components{.vaspitac-root{display:grid;grid-template-columns:auto 1fr;min-height:100vh;background:var(--bg);color:var(--text);max-width:100vw;overflow-x:hidden}.vaspitac-root input,.vaspitac-root select,.vaspitac-root textarea{color:var(--text);background:var(--surface)}.vaspitac-root input::placeholder,.vaspitac-root textarea::placeholder{color:var(--text-3);opacity:.85}.vaspitac-root input[type=date],.vaspitac-root input[type=time],.vaspitac-root input[type=datetime-local]{color:var(--text);background:var(--surface)}:root[data-theme=dark] .vaspitac-root input[type=date],:root[data-theme=dark] .vaspitac-root input[type=time],:root[data-theme=dark] .vaspitac-root input[type=datetime-local]{color-scheme:light}:root[data-theme=dark] .vaspitac-root input[type=date]::-webkit-calendar-picker-indicator,:root[data-theme=dark] .vaspitac-root input[type=time]::-webkit-calendar-picker-indicator,:root[data-theme=dark] .vaspitac-root input[type=datetime-local]::-webkit-calendar-picker-indicator{filter:brightness(0) invert(1);cursor:pointer;opacity:1}.vaspitac-root select option{background:var(--surface);color:var(--text)}.vaspitac-root button{color:var(--brand-contrast)}.vaspitac-root .primary-btn{background:var(--brand);color:var(--brand-contrast)}.vaspitac-root .secondary-btn{color:var(--info-text)}.vaspitac-sidebar{position:sticky;top:0;height:100vh;height:100dvh;overflow-y:auto;width:280px;background:var(--surface);border-right:1px solid var(--border);box-shadow:var(--shadow-1);display:flex;flex-direction:column;gap:10px;padding:12px;z-index:20}.vaspitac-sidebar.collapsed{width:72px;padding:12px 8px}.sb-toggle{background:var(--brand);color:var(--brand-contrast);border:none;border-radius:var(--r-md);width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;padding:0;cursor:pointer;box-shadow:var(--shadow-2);transition:transform .18s ease,background .12s ease;max-width:220px}.sb-toggle .hamburger{width:20px;height:2px;background:var(--brand-contrast);display:block;position:relative;border-radius:2px}.sb-toggle .hamburger:before,.sb-toggle .hamburger:after{content:"";position:absolute;left:0;width:20px;height:2px;background:var(--brand-contrast);border-radius:2px}.sb-toggle .hamburger:before{top:-6px}.sb-toggle .hamburger:after{top:6px}.vaspitac-sidebar.collapsed .sb-toggle{width:44px;height:44px;max-width:44px}.sb-title{font-size:18px;font-weight:800}.sb-nav{display:flex;flex-direction:column;gap:8px;margin-top:8px;flex:1 1 auto;min-height:160px;overflow-y:auto;overflow-x:hidden}.sb-nav>*{flex-shrink:0}.sb-item{display:flex;align-items:center;gap:10px;background:var(--surface-2);color:var(--text);border:none;border-radius:var(--r-md);padding:10px 12px;cursor:pointer;text-align:left;font-weight:600}:root[data-theme=dark] .vaspitac-root .sb-item{background:var(--surface-2)}.sb-item.active{background:var(--brand-soft);color:var(--info-text)}.vaspitac-sidebar.collapsed .sb-item{justify-content:center;padding:10px}.sb-ico{font-size:18px;width:20px;text-align:center}.sb-label{white-space:nowrap}.vaspitac-sidebar .sb-bottom{display:flex;flex-direction:column;flex-shrink:0;gap:8px;align-items:center;z-index:1}.vaspitac-sidebar .sb-bottom .theme-switcher{display:flex;align-items:center;justify-content:center;margin:0 auto;width:100%;max-width:220px;box-sizing:border-box}.vaspitac-sidebar.collapsed .sb-bottom .theme-switcher{width:44px;height:44px;padding:0;border-radius:8px}.vaspitac-sidebar .sb-bottom .theme-switcher,.vaspitac-sidebar .sb-bottom .profile-btn,.vaspitac-sidebar .sb-bottom .logout-btn{margin:0 auto;display:flex;align-items:center;justify-content:center;width:100%;max-width:220px}.vaspitac-sidebar.collapsed .sb-bottom .theme-switcher,.vaspitac-sidebar.collapsed .sb-bottom .profile-btn,.vaspitac-sidebar.collapsed .sb-bottom .logout-btn{width:44px;height:44px;padding:0;border-radius:8px}.vaspitac-sidebar.collapsed .sb-bottom .profile-btn{border-radius:8px}.mobile-menu .theme-switcher,.mobile-menu .profile-btn,.mobile-menu .logout-btn{max-width:none;width:100%;margin:0}.vaspitac-content{display:grid;grid-template-rows:auto 1fr;min-width:0;max-width:100vw;overflow-x:hidden}.app-header{display:flex;align-items:center;justify-content:space-between;padding:16px 22px;border-bottom:1px solid var(--border);background:transparent}.page-title{margin:0;font-size:20px;font-weight:800}.ah-right{display:flex;align-items:center;gap:10px}.theme-switcher.local{position:static;background:var(--text);color:var(--surface);border-radius:8px;padding:6px 10px;font-weight:600}.vaspitac-sidebar .theme-switcher{position:relative;box-sizing:border-box;width:100%;max-width:100%;height:auto;padding:10px 12px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:var(--surface);color:inherit}.vaspitac-sidebar.collapsed .theme-switcher{width:44px;height:44px;padding:0;border-radius:8px;display:inline-flex;align-items:center;justify-content:center}.mobile-menu .theme-switcher{position:static;width:100%;height:auto;padding:10px 12px;border-radius:8px}.theme-switcher{position:relative;max-width:100vw}.vaspitac-sidebar .theme-switcher,.vaspitac-sidebar .theme-switcher *{position:relative;top:auto;left:auto;transform:none;z-index:1}.vaspitac-sidebar .theme-switcher{width:100%;height:auto;padding:10px 12px;display:flex;align-items:center;justify-content:center;border-radius:8px}.vaspitac-sidebar.collapsed .theme-switcher{width:44px;height:44px;padding:0;border-radius:8px}.vaspitac-sidebar .profile-btn,.vaspitac-sidebar .logout-btn{z-index:1;position:relative}.mobile-menu .theme-switcher{position:relative;width:100%;z-index:1}.logout-btn.local{background:var(--brand);color:var(--brand-contrast);border:none;border-radius:8px;font-size:15px;font-weight:700;padding:9px 18px;cursor:pointer}.page-body{padding:18px 22px 26px;display:block;align-items:flex-start;max-width:100vw;overflow-x:hidden}.vaspitac-page .card{background:var(--surface);border-radius:18px;box-shadow:var(--shadow-2);padding:18px;max-width:1280px;width:100%;margin:0 auto;transition:max-width .2s ease,margin .2s ease,box-shadow .16s ease;box-sizing:border-box;max-width:100vw;overflow:hidden}.card-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:12px}.control-row{display:grid;gap:6px}.control-label{font-size:12px;font-weight:700;opacity:.8}.control-grow{flex:1 1 auto}.searchbar{display:flex;align-items:center;gap:8px;padding:10px 12px;background:var(--surface-2);border:1px solid var(--brand-border);border-radius:var(--r-pill)}.searchbar.grow{flex:1 1 420px}.sb-icon{opacity:.75}.sb-input{border:none;background:transparent;outline:none;font-size:15px;color:inherit;width:100%}.stats{display:flex;align-items:center;gap:8px}.stat-chip{border-radius:var(--r-pill);padding:8px 12px;font-weight:800;font-size:13px;border:1px solid transparent}.stat-chip.present{background:var(--ok-soft);color:var(--ok-text);border-color:var(--ok-border)}.stat-chip.absent{background:var(--danger-soft);color:var(--danger-text);border-color:var(--danger-border)}.stat-chip.total{background:var(--brand-soft);color:var(--info-text);border-color:var(--brand-border)}.filter-select,.date-input.local,.opis-input{padding:8px 14px;font-size:15px;border-radius:8px;border:1px solid var(--brand);background:var(--surface-2);color:inherit}.primary-btn{background:var(--brand);color:var(--brand-contrast);border:none;border-radius:var(--r-md);padding:10px 16px;font-weight:800;cursor:pointer;box-shadow:var(--shadow-1)}.secondary-btn{background:var(--brand-soft);color:var(--info-text);border:1px solid var(--brand-border);border-radius:8px;font-weight:700;padding:8px 14px;cursor:pointer}.table-wrap{position:relative;max-height:70vh;overflow:auto;overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}.logs-table{border-collapse:separate;border-spacing:0;min-width:0;width:100%}.logs-table.wide{font-size:16.5px}.logs-table th,.logs-table td{padding:12px;border-bottom:1px solid var(--border);text-align:left;vertical-align:middle;word-break:break-word;overflow-wrap:anywhere;max-width:100%}.logs-table.sticky-head thead th{position:sticky;top:0;z-index:2;background:var(--surface-2);box-shadow:0 2px 0 var(--border)}.vaspitac-root .logs-table tr.table-row:hover{background:var(--brand-soft)}.table-row{touch-action:manipulation;-ms-touch-action:manipulation;cursor:pointer}.user-cell{display:flex;align-items:center;gap:10px}.user-img{width:38px;height:38px;border-radius:50%;object-fit:cover;box-shadow:var(--shadow-1);max-width:100%;height:auto;display:block}.user-fallback{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--brand-soft);color:var(--brand);font-weight:800}.badge{display:inline-block;padding:5px 11px;border-radius:12px;font-size:13.5px;font-weight:700;color:var(--text-inverse)}.badge-ulazak{background:var(--brand)}.badge-izlazak{background:var(--cat-orange-strong)}.badge-skola{background:var(--cat-purple)}.badge-kuci{background:var(--danger)}.badge-dopustenje{background:var(--cat-teal)}.badge-pauza{background:var(--ok)}.sound-banner{position:fixed;left:50%;top:12px;transform:translate(-50%);z-index:1200;background:var(--warn-soft);color:var(--warn-text);border:1px solid var(--warn-border);border-radius:var(--r-md);padding:8px 12px;font-size:14px;box-shadow:var(--shadow-2)}.sound-btn{margin-left:10px;padding:6px 10px;border-radius:8px;border:none;cursor:pointer;background:var(--brand);color:var(--brand-contrast);font-weight:700}.modal-overlay{position:fixed;inset:0;background:var(--overlay);display:grid;place-items:center;z-index:2000;padding:16px}.student-modal-card{width:min(920px,96vw);background:var(--surface);border-radius:16px;box-shadow:var(--shadow-3);display:flex;flex-direction:column;position:relative;max-height:92vh;overflow:hidden}.student-modal-card .avatar-dropzone{width:220px;height:220px;max-width:100%;max-height:60vh;aspect-ratio:auto;flex:0 0 auto}.student-modal-card .avatar-dropzone img{width:100%;height:100%;object-fit:cover;border-radius:12px}@media(max-width:980px){.student-modal-card .avatar-dropzone{width:160px;height:160px;margin:0 auto}}.modal-x{position:absolute;top:10px;right:12px;font-size:22px;background:none;border:none;color:var(--brand);cursor:pointer;font-weight:700}.vaspitac-root .modal-x,.portir-root .modal-x,.portir-root .close-btn{color:var(--brand)}.modal-header{padding:18px 22px 8px;border-bottom:1px solid var(--border)}.modal-header h3{margin:0;font-size:20px;font-weight:800;color:var(--text)}.modal-body{display:grid;grid-template-columns:220px 1fr;gap:20px;padding:18px 22px 8px;overflow:auto}.avatar-dropzone{position:relative;width:100%;aspect-ratio:1 / 1;background:var(--brand-soft);border:2px solid var(--brand);border-radius:var(--r-lg);display:grid;place-items:center;cursor:pointer;-webkit-user-select:none;user-select:none}.avatar-dropzone img{width:100%;height:100%;object-fit:cover;border-radius:12px}.avatar-fallback{width:64%;height:64%;border-radius:12px;display:grid;place-items:center;background:var(--brand-soft);color:var(--brand);font-weight:900;font-size:42px}.avatar-hint{position:absolute;left:10px;bottom:10px;background:color-mix(in srgb,var(--surface) 85%,transparent);color:var(--brand);font-weight:700;padding:3px 8px;border-radius:8px;border:1px solid var(--brand-border)}.modal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 18px;align-content:start}.form-row{display:flex;flex-direction:column;gap:6px}.form-row label{font-weight:700;font-size:13.5px;color:var(--text)}.form-row input[type=text],.form-row input[type=password],.form-row input[type=email],.form-row input[type=tel],.form-row input[type=number],.form-row input[type=date],.form-row input[type=time],.form-row select{width:100%;padding:10px 12px;border:1px solid var(--brand-border);border-radius:var(--r-md);background:var(--surface-2);color:var(--text);font-size:15px}.form-row input[readOnly],.form-row input:disabled{background:var(--surface-3);color:var(--text-2)}.form-row .hint{font-size:12px;color:var(--text-3)}.checkbox{display:flex;align-items:center;gap:8px;font-weight:600}.span-2{grid-column:span 2}.modal-actions{display:flex;justify-content:flex-end;gap:10px;padding:12px 22px 18px;border-top:1px solid var(--border);background:var(--surface-2);position:sticky;bottom:0}.manual-form input[type=text],.manual-form input[type=password],.manual-form input[type=email],.manual-form input[type=tel],.manual-form input[type=number],.manual-form select,.manual-form textarea{width:100%;padding:10px 12px;border:1px solid var(--brand-border);border-radius:var(--r-md);background:var(--surface-2);color:var(--text);font-size:15px;box-sizing:border-box}.manual-form input:focus,.manual-form select:focus,.manual-form textarea:focus{outline:none;border-color:var(--brand);box-shadow:var(--focus)}:root[data-theme=dark] .vaspitac-root .date-input.local::-webkit-calendar-picker-indicator{filter:brightness(0) invert(1);cursor:pointer;opacity:1}@keyframes rowFlashLight{0%{background-color:var(--warn-soft)}to{background-color:transparent}}.row-flash{animation:rowFlashLight 2.5s ease-out}.status-dot{display:inline-block;width:12px;height:12px;border-radius:var(--r-pill);box-shadow:0 0 0 2px color-mix(in srgb,var(--text) 8%,transparent) inset}.status-dot.present{background:var(--ok)}.status-dot.absent{background:var(--danger)}@media(max-width:1100px){.vaspitac-sidebar{display:none}.vaspitac-root{grid-template-columns:1fr}.page-body{display:flex;justify-content:center;align-items:flex-start;padding:16px}.page-body>*{width:100%;min-width:0;max-width:100%;box-sizing:border-box}.mobile-menu-btn{display:inline-flex}}@media(max-width:980px){.modal-body{grid-template-columns:1fr}.avatar-dropzone{max-width:320px;margin:0 auto}.span-2{grid-column:span 1}}@media(max-width:720px){.logs-table{border:none}.logs-table thead{display:none}.logs-table,.logs-table tbody,.logs-table tr,.logs-table td{display:block;width:100%}.logs-table tr{margin:10px 0;background:var(--surface);border-radius:12px;padding:10px;box-shadow:var(--shadow-1);border:1px solid color-mix(in srgb,var(--text) 5%,transparent)}.logs-table td{padding:8px 0;border:none;display:flex;align-items:center;justify-content:space-between;gap:12px}.logs-table td:last-child{border-bottom:none}.logs-table td:before{content:attr(data-label);font-weight:700;color:var(--text-2);font-size:13px;margin-right:8px;min-width:64px;display:inline-block}.logs-table tr{padding:8px}.user-cell{display:flex;align-items:center;gap:10px}.user-img,.user-fallback{width:44px;height:44px}.user-meta{display:flex;flex-direction:column;margin-left:6px;min-width:0}.user-name{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-smer{font-size:12px;color:var(--text-2);margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.logs-table td[data-label=Status]{display:flex;align-items:center;justify-content:flex-start;gap:8px}.logs-table td[data-label=Status] .status-dot{width:14px;height:14px;flex:0 0 14px;margin-right:6px;box-shadow:0 0 0 2px color-mix(in srgb,var(--text) 8%,transparent) inset}.logs-table td[data-label=ID]{font-weight:800;color:var(--text)}}@media(max-width:980px)and (min-width:721px){.logs-table.wide{font-size:15px}.table-wrap{max-height:60vh}}.vaspitac-sidebar.modern{width:260px;background:linear-gradient(180deg,var(--surface),var(--surface-2));border-radius:var(--r-lg);padding:14px;box-shadow:var(--shadow-2);border:none;transition:all .22s ease;margin:12px;height:calc(100vh - 24px);position:sticky;top:12px}.vaspitac-sidebar.modern.collapsed{width:84px;padding:12px 8px}.sb-top{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:6px}.sb-toggle{background:var(--brand);color:var(--brand-contrast);border:none;border-radius:var(--r-md);padding:8px 10px;cursor:pointer;font-weight:800;box-shadow:var(--shadow-2);transition:transform .18s ease;max-width:220px}.sb-toggle:active{transform:scale(.98)}.sb-nav{display:flex;flex-direction:column;gap:10px;margin-top:6px}.sb-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;background:transparent;color:inherit;cursor:pointer;font-weight:700;transition:background .16s ease,transform .12s ease,box-shadow .12s ease;border:none}.sb-item:hover{background:var(--brand-soft);transform:translateY(-2px);box-shadow:var(--shadow-1)}.sb-item:active{transform:translateY(0);box-shadow:none}.sb-item.active{background:linear-gradient(90deg,color-mix(in srgb,var(--brand) 6%,transparent),transparent);position:relative}.sb-item.active:before{content:"";position:absolute;left:8px;top:8px;bottom:8px;width:4px;border-radius:var(--r-sm);background:var(--brand)}.sb-ico{display:inline-grid;place-items:center;min-width:36px;min-height:36px;width:36px;height:36px;border-radius:var(--r-md);background:color-mix(in srgb,var(--brand) 6%,transparent);color:var(--brand);font-size:16px}.vaspitac-sidebar.collapsed .sb-item .sb-label{display:none}.vaspitac-sidebar.collapsed .sb-ico{border-radius:var(--r-md)}.mobile-menu-btn{display:none;background:transparent;border:none;width:44px;height:44px;border-radius:var(--r-md);cursor:pointer;align-items:center;justify-content:center;transition:background .15s ease,transform .12s ease}.mobile-menu-btn:hover{background:var(--brand-soft);transform:translateY(-2px)}.hamburger{width:20px;height:2px;background:var(--text-2);display:block;position:relative;border-radius:2px}.hamburger:before,.hamburger:after{content:"";position:absolute;left:0;width:20px;height:2px;background:var(--text-2);border-radius:2px}.hamburger:before{top:-6px}.hamburger:after{top:6px}.mobile-menu-overlay{position:fixed;inset:0;background:var(--overlay);z-index:1500;display:flex;align-items:flex-start;justify-content:center;padding:20px}.mobile-menu{max-height:calc(100dvh - 40px);overflow-y:auto;background:var(--surface);border-radius:12px;padding:16px;width:min(420px,94%);max-width:420px;box-shadow:var(--shadow-3);display:flex;flex-direction:column;gap:8px;transform-origin:top center;animation:popIn .16s ease}@keyframes popIn{0%{transform:translateY(-6px) scale(.98);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.mobile-menu-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}.mobile-menu-title{font-weight:900;font-size:16px}.mobile-menu-close{background:transparent;border:none;font-size:18px;cursor:pointer;color:var(--text-2)}.vaspitac-root .mobile-menu-close,.portir-root .mobile-menu-close{color:var(--text-2)}@media(max-width:1100px){.vaspitac-sidebar{display:none}.mobile-menu-btn{display:inline-flex}}.vaspitac-content{padding-left:0}.page-body{padding-top:18px}@media(min-width:1101px){.vaspitac-page .card{width:calc(100% - 48px);max-width:none;margin:0 24px;box-shadow:var(--shadow-2)}.vaspitac-page .card .table-wrap{max-width:100%}.user-meta{display:flex;flex-direction:column;margin-left:8px;min-width:0}.user-name{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-smer{font-size:12px;color:var(--text-2);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.logs-table td[data-label="Prezime i ime"] .user-cell{align-items:center}}@media(max-width:1100px){.page-body{display:flex;justify-content:center;align-items:flex-start;padding:16px}.vaspitac-page .card{width:100%;max-width:920px;margin:0 auto}}.time-input{width:112px;padding:8px 10px;border:1px solid var(--border);border-radius:var(--r-sm);background:var(--surface);font-size:15px}.time-input:focus{outline:none;border-color:var(--brand);box-shadow:var(--focus)}.results-list{display:flex;flex-direction:column;gap:8px;max-height:300px;overflow:auto;margin:8px 0}.result-item{display:flex;align-items:center;gap:12px;background:var(--surface-2);border:1px solid var(--brand-border);border-radius:var(--r-md);padding:8px 10px;cursor:pointer;transition:background .15s ease,box-shadow .15s ease}.result-item:hover{background:var(--brand-soft);box-shadow:var(--shadow-2)}.result-item.active{outline:2px solid var(--brand);outline-offset:-2px}.result-avatar{width:44px;height:44px;border-radius:var(--r-md);overflow:hidden;background:var(--brand-soft);display:grid;place-items:center;font-weight:800;color:var(--brand)}.result-avatar img{width:44px;height:44px;object-fit:cover;border-radius:var(--r-md)}.result-meta{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.result-name{font-weight:800}.result-id{font-size:12px;opacity:.8}.chosen-box{margin:8px 0;font-weight:700}.selected-preview{width:96px;height:96px;border-radius:12px;overflow:hidden;margin:8px 0}.selected-preview img{width:96px;height:96px;object-fit:cover;border-radius:12px}.selected-fallback{width:96px;height:96px;border-radius:12px;background:var(--brand-soft);color:var(--brand);display:grid;place-items:center;font-weight:900;font-size:28px}.form-columns{display:flex;gap:18px}.left-col{width:260px;min-width:200px;max-height:60vh;overflow:auto;display:flex;flex-direction:column}.right-col{flex:1 1 auto;min-width:260px;display:flex;flex-direction:column}.left-preview{width:96px;height:96px;border-radius:12px;overflow:hidden;margin:8px 0}.left-col .left-preview{width:140px;height:140px;margin:12px auto 0;border-radius:var(--r-lg);background:var(--brand-soft);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-2)}.left-col .left-preview img{width:100%;height:100%;object-fit:cover;display:block}.left-col .left-preview .selected-fallback{width:100%;height:100%;display:grid;place-items:center;font-weight:900;font-size:36px;color:var(--brand)}@media(min-width:1100px){.left-col .left-preview{width:160px;height:160px}}@media(max-width:880px){.form-columns{flex-direction:column}.left-col .left-preview{width:96px;height:96px;margin:8px 0}}:root[data-theme=dark] .vaspitac-root .form-row input[type=date]::-webkit-calendar-picker-indicator,:root[data-theme=dark] .vaspitac-root .form-row input[type=time]::-webkit-calendar-picker-indicator{filter:brightness(0) invert(1);cursor:pointer;opacity:1}.note-box{padding:10px;border-left:4px solid var(--brand);background:var(--surface-2);border-radius:8px;margin-top:10px}.note-box strong{display:block;margin-bottom:6px}:root[data-theme=dark] .vaspitac-root .note-box,:root[data-theme=dark] .vaspitac-root .info-box,:root[data-theme=dark] .vaspitac-root .warning-box{background:var(--warn-soft);color:var(--warn-text);border-color:var(--warn-border)}.vaspitac-root .theme-switcher{background:var(--surface);color:var(--info-text);border:1px solid var(--brand-border);font-weight:600}.theme-switcher{filter:none;opacity:1}.form-modal{position:fixed;inset:0;background:var(--overlay);z-index:1000;display:flex;align-items:center;justify-content:center}.manual-form{background:var(--surface);border-radius:18px;box-shadow:var(--shadow-2);padding:26px 28px;min-width:0;max-width:min(560px,calc(100vw - 24px));width:520px;display:flex;flex-direction:column;gap:12px;position:relative;color:var(--text)}.close-btn{position:absolute;top:10px;right:12px;font-size:22px;background:none;border:none;color:var(--brand);cursor:pointer;font-weight:700}.vaspitac-root .close-btn{color:var(--brand)}.vaspitac-root .manual-form h3,.vaspitac-root .manual-form label,.vaspitac-root .manual-form .form-label,.vaspitac-root .manual-form .chosen-box,.vaspitac-root .manual-form .result-empty{color:var(--text)}.vaspitac-root .manual-form input[type=text],.vaspitac-root .manual-form input[type=password],.vaspitac-root .manual-form input[type=email],.vaspitac-root .manual-form input[type=date],.vaspitac-root .manual-form input[type=time],.vaspitac-root .manual-form input[type=number],.vaspitac-root .manual-form select,.vaspitac-root .manual-form textarea{background:var(--surface-2);color:var(--text);border:1px solid var(--brand);padding:10px 12px;border-radius:8px;font-size:15px;width:100%;box-sizing:border-box}.vaspitac-root .manual-form input::placeholder,.vaspitac-root .manual-form textarea::placeholder{color:var(--text-3);opacity:.85}.vaspitac-root .manual-form select option{background:var(--surface);color:var(--text)}:root[data-theme=dark] .vaspitac-root .manual-form input[type=date],:root[data-theme=dark] .vaspitac-root .manual-form input[type=time]{color-scheme:light}:root[data-theme=dark] .vaspitac-root .manual-form input[type=date]::-webkit-calendar-picker-indicator,:root[data-theme=dark] .vaspitac-root .manual-form input[type=time]::-webkit-calendar-picker-indicator{filter:brightness(0) invert(1);cursor:pointer;opacity:1}.manual-form .form-label{font-weight:700;font-size:13.5px;margin-top:8px;margin-bottom:6px;display:inline-block;opacity:.9}@media(min-width:880px){.manual-form{width:820px;max-width:calc(100vw - 48px)}}@media(max-width:880px){.form-columns{flex-direction:column}.left-col{width:100%;max-height:220px}.right-col{width:100%}}@media(max-width:420px){.manual-form{padding:12px}}.vaspitac-root .chosen-box{margin:8px 0;font-weight:700;color:var(--text)}.vaspitac-root .chosen-id{opacity:.8;color:var(--text-2)}.return-info-text{font-size:.85em;color:var(--text-2);margin-top:4px}.vaspitac-root .muted-note,.vaspitac-root .muted-note *{color:var(--text-2)}:root[data-theme=dark] .vaspitac-root .return-info-text{background:var(--surface-3);color:var(--text);padding:4px 8px;border-radius:var(--r-sm);display:inline-block;margin-top:6px}.vaspitac-root .mobile-menu .sb-item{color:var(--text);flex-shrink:0}.vaspitac-root .sb-nav .sb-item{color:var(--text);border-radius:12px;margin:3px 10px;font-weight:600;transition:background .15s,transform .1s}.vaspitac-root .sb-nav .sb-item:active{transform:scale(.98)}.vaspitac-root .sb-nav .sb-item.active{background:linear-gradient(135deg,var(--brand),var(--brand-hover));box-shadow:var(--shadow-2)}.vaspitac-root .sb-nav .sb-item.active,.vaspitac-root .sb-nav .sb-item.active *{color:var(--brand-contrast)}.vaspitac-root .page-title{font-size:21px;font-weight:800;letter-spacing:.2px}.vaspitac-root .app-header{box-shadow:var(--shadow-2)}.vaspitac-root .sb-title{font-weight:800;letter-spacing:.3px}@media(max-width:480px){.form-modal{align-items:flex-end;padding:0}.manual-form{width:100vw;min-width:0;max-width:100vw;margin:0;border-radius:16px 16px 0 0;max-height:92dvh;overflow:auto;box-sizing:border-box;padding-bottom:calc(16px + env(safe-area-inset-bottom,0px))}.modal-overlay{padding:0;align-items:end;justify-items:stretch}.student-modal-card{width:100vw;max-width:100vw;border-radius:16px 16px 0 0;max-height:92dvh}.modal-actions{padding-bottom:calc(18px + env(safe-area-inset-bottom,0px))}.form-row select,.manual-form select{font-size:16px;min-height:44px}}.vaspitac-root .vaspitac-sidebar .sb-bottom.sb-bottom-act{margin-top:auto;padding:12px}.vaspitac-root .vaspitac-sidebar .sb-bottom .theme-switcher.sb-act-theme{width:100%;height:auto;margin-bottom:8px;padding:10px 12px;border-radius:6px;display:flex;align-items:center;justify-content:center;gap:6px;background:var(--surface);color:var(--info-text);border:1px solid var(--brand-border);font-weight:600}.vaspitac-root .vaspitac-sidebar.collapsed .sb-bottom .theme-switcher.sb-act-theme{width:44px;height:44px;padding:0;border-radius:8px}.vaspitac-root .vaspitac-sidebar .sb-bottom .profile-btn.sb-act-profile{width:100%;height:auto;padding:10px 12px;margin-bottom:8px;font-weight:700;background:var(--brand);color:var(--text-inverse);border:none;border-radius:8px;display:flex;align-items:center;justify-content:center;gap:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vaspitac-root .vaspitac-sidebar.collapsed .sb-bottom .profile-btn.sb-act-profile{width:44px;height:44px;padding:0;border-radius:8px}.sb-act-initials{font-weight:800;font-size:14px}.sb-act-name{font-size:15px;display:inline-flex;align-items:center;gap:6px}.sb-act-row{display:inline-flex;align-items:center;gap:6px}.vaspitac-root .vaspitac-sidebar .sb-bottom .logout-btn.sb-act-logout{width:100%;background:var(--danger);color:var(--text-inverse);border:none;padding:10px 12px;border-radius:6px}.vaspitac-root .vaspitac-sidebar.collapsed .sb-bottom .logout-btn.sb-act-logout{width:44px;height:44px;padding:0;border-radius:8px;display:flex;align-items:center;justify-content:center}.mm-spacer{height:8px}.mm-actions{padding:12px}.vaspitac-root .mobile-menu .theme-switcher.mm-act-theme,.vaspitac-root .mobile-menu .profile-btn.mm-act-profile,.vaspitac-root .mobile-menu .logout-btn.mm-act-logout{width:100%;padding:10px 12px;display:flex;align-items:center;justify-content:center;gap:6px}.vaspitac-root .mobile-menu .theme-switcher.mm-act-theme{margin-bottom:8px;background:var(--surface);color:var(--info-text);border:1px solid var(--brand-border);font-weight:600;border-radius:8px}.vaspitac-root .mobile-menu .profile-btn.mm-act-profile{margin-bottom:8px;font-weight:700;background:var(--brand);color:var(--text-inverse);border:none;border-radius:8px}.vaspitac-root .mobile-menu .logout-btn.mm-act-logout{background:var(--danger);color:var(--text-inverse);border:none;border-radius:6px}.mm-close-row{display:inline-flex;align-items:center;gap:6px}.ah-left.ah-left-row{display:flex;align-items:center;gap:8px}.page-title-ico{margin:0;display:inline-flex;align-items:center;gap:8px}.vaspitac-root .card.card-pad-12{padding:12px}}@layer overrides{.vaspitac-root .card,.portir-root .card{border-radius:var(--r-lg);border:1px solid var(--border);box-shadow:var(--shadow-1);background:var(--surface)}.vaspitac-root .searchbar,.portir-root .searchbar{border:1.5px solid var(--border-strong);border-radius:12px;background:var(--surface);transition:border-color .15s,box-shadow .15s}.vaspitac-root .searchbar:focus-within,.portir-root .searchbar:focus-within{border-color:var(--brand);box-shadow:var(--focus)}.vaspitac-root .searchbar .sb-input,.portir-root .searchbar .sb-input{font-size:15px}.vaspitac-root .stat-chip,.portir-root .stat-chip{border-radius:var(--r-pill);font-weight:800;padding:6px 14px;border:1px solid transparent;font-size:13.5px}.vaspitac-root .stat-chip.present,.portir-root .stat-chip.present{background:var(--ok-soft);border-color:var(--ok-border);color:var(--ok-text)}.vaspitac-root .stat-chip.absent,.portir-root .stat-chip.absent{background:var(--danger-soft);border-color:var(--danger-border);color:var(--danger-text)}.vaspitac-root .stat-chip.total,.portir-root .stat-chip.total{background:var(--brand-soft);border-color:var(--brand-border);color:var(--info-text)}.vaspitac-root .logs-table th,.portir-root .logs-table th{background:var(--surface-2);border-bottom:2px solid var(--border-strong);font-size:13px;font-weight:800;padding:10px 12px;white-space:nowrap}.vaspitac-root .logs-table td,.portir-root .logs-table td{padding:9px 12px;border-bottom:1px solid var(--border)}.vaspitac-root .logs-table tbody tr:hover td,.portir-root .logs-table tbody tr:hover td{background:var(--surface-2)}.vaspitac-root .status-dot,.portir-root .status-dot{width:13px;height:13px}.vaspitac-root .status-dot.present,.portir-root .status-dot.present{box-shadow:0 0 0 3px color-mix(in srgb,var(--ok) 25%,transparent)}.vaspitac-root .status-dot.absent,.portir-root .status-dot.absent{box-shadow:0 0 0 3px color-mix(in srgb,var(--danger) 20%,transparent)}.vaspitac-root .form-row>label,.portir-root .form-row>label{font-size:13px;font-weight:700;margin-bottom:5px}.vaspitac-root .form-row input,.vaspitac-root .form-row select,.portir-root .form-row input,.portir-root .form-row select{padding:11px 12px;border:1.5px solid var(--border-strong);border-radius:var(--r-md);font-size:14px;outline:none;transition:border-color .15s,box-shadow .15s}.vaspitac-root .form-row input:focus,.vaspitac-root .form-row select:focus,.portir-root .form-row input:focus,.portir-root .form-row select:focus{border-color:var(--brand);box-shadow:var(--focus)}.vaspitac-root .student-modal-card,.vaspitac-root .manual-form,.portir-root .student-modal-card,.portir-root .manual-form{border-radius:18px;box-shadow:var(--shadow-3)}.vaspitac-root .primary-btn,.portir-root .primary-btn{background:var(--brand);color:var(--brand-contrast);border:none;border-radius:var(--r-md);padding:11px 18px;font-weight:800;font-size:14.5px;box-shadow:var(--shadow-2);cursor:pointer}.vaspitac-root .primary-btn:hover,.portir-root .primary-btn:hover{background:var(--brand-hover)}.vaspitac-root .secondary-btn,.portir-root .secondary-btn{background:var(--surface-2);color:var(--text);border:1px solid var(--border-strong);border-radius:var(--r-md);padding:10px 16px;font-weight:700;cursor:pointer}.vaspitac-root .stat-chip.warn,.portir-root .stat-chip.warn{background:var(--warn-soft);border-color:var(--warn-border);color:var(--warn-text)}.vaspitac-root tr.anomaly-red td,.portir-root tr.anomaly-red td{background:var(--danger-soft)}.vaspitac-root tr.anomaly-yellow td,.portir-root tr.anomaly-yellow td{background:var(--warn-soft)}.vaspitac-root .anomaly-red-card{border-left:5px solid var(--danger)}.vaspitac-root .day-box.red,.portir-root .day-box.red{background:var(--danger-soft);border:2px solid var(--danger);box-shadow:0 0 0 3px color-mix(in srgb,var(--danger) 15%,transparent)}.vaspitac-root .day-box.red .day-box-hours{color:var(--danger-text)}.vaspitac-root .day-box,.portir-root .day-box{background:var(--brand-soft);border:1px solid var(--brand-border);border-radius:var(--r-md);padding:8px 10px;text-align:center}.vaspitac-root .day-box .day-box-date,.portir-root .day-box .day-box-date{font-size:12px;font-weight:700}.vaspitac-root .day-box .day-box-hours,.portir-root .day-box .day-box-hours{font-size:16px;font-weight:800}.vaspitac-root .day-box .day-box-hours{color:var(--info-text)}.portir-root .su-scroll,.vaspitac-root .su-scroll{max-height:calc(100dvh - 320px);overflow:auto;border:1px solid var(--border);border-radius:12px}.portir-root .su-scroll thead th,.vaspitac-root .su-scroll thead th{position:sticky;top:0;z-index:5}.vaspitac-root .user-img,.portir-root .user-img{border-radius:50%;border:2px solid var(--border);object-fit:cover}.vaspitac-root .user-fallback,.portir-root .user-fallback{background:linear-gradient(135deg,var(--brand),var(--accent));color:var(--brand-contrast);border-radius:50%;font-weight:800}.rt-wrap{container-type:inline-size;container-name:rt}@container rt (max-width: 880px){.rt-wrap{overflow-x:visible}.rt-cards thead{display:none}.rt-cards,.rt-cards tbody{display:block;width:100%}.rt-cards tbody tr{display:flex;flex-wrap:wrap;align-items:stretch;gap:8px;border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface);padding:12px;margin-bottom:12px;box-shadow:var(--shadow-1)}.rt-cards tbody tr:hover td{background:var(--surface-2)}.rt-cards tbody td{display:block;flex:1 1 auto;border:none;border-radius:var(--r-md);background:var(--surface-2);padding:8px 10px;white-space:normal;text-align:left;max-width:none}.rt-cards td[data-l]:before{content:attr(data-l);display:block;font-size:12px;font-weight:800;color:var(--text-3);margin-bottom:4px;white-space:normal}.rt-cards td.rt-head{flex:1 1 100%;background:transparent;padding:0 0 2px;font-size:16px;font-weight:800}.rt-cards td.rt-img{flex:0 0 auto;background:transparent;padding:0}.rt-cards td.rt-full{flex:1 1 100%}.rt-cards td.rt-actions{flex:1 1 100%;background:transparent;padding:4px 0 0;display:flex;gap:8px;flex-wrap:wrap}}@container rt (max-width: 880px){.rt-cards tbody tr.anomaly-red{background:var(--danger-soft);border-color:var(--danger-border)}.rt-cards tbody tr.anomaly-yellow{background:var(--warn-soft);border-color:var(--warn-border)}.rt-cards tbody tr.anomaly-red td,.rt-cards tbody tr.anomaly-yellow td,.rt-cards tbody tr.anomaly-red:hover td,.rt-cards tbody tr.anomaly-yellow:hover td{background:color-mix(in srgb,var(--surface) 60%,transparent)}}@container rt (max-width: 880px){.rt-cards td.rt-head:before,.rt-cards td.rt-img:before,.rt-cards td.rt-actions:before{content:none}}@container rt (max-width: 880px){.rt-cards tbody tr.rt-tap{cursor:pointer;position:relative;padding-right:36px;-webkit-tap-highlight-color:transparent;transition:transform .08s ease}.rt-cards tbody tr.rt-tap:after{content:"›";position:absolute;top:50%;right:12px;transform:translateY(-50%);font-size:28px;font-weight:800;line-height:1;color:var(--text-3);pointer-events:none}.rt-cards tbody tr.rt-tap:active{transform:scale(.99)}.rt-cards td.rt-actions button{min-height:44px;min-width:44px}}@media(max-width:480px){.vaspitac-root input,.vaspitac-root select,.vaspitac-root textarea,.portir-root input,.portir-root select,.portir-root textarea{font-size:16px}.vaspitac-root .primary-btn,.vaspitac-root .secondary-btn,.vaspitac-root .login-btn,.vaspitac-root .manual-add-btn,.vaspitac-root .sound-btn,.portir-root .primary-btn,.portir-root .secondary-btn,.portir-root .login-btn,.portir-root .manual-add-btn,.portir-root .sound-btn{min-height:44px}.vaspitac-root .close-btn,.vaspitac-root .modal-x,.portir-root .close-btn,.portir-root .modal-x{width:44px;height:44px;display:flex;align-items:center;justify-content:center;top:4px;right:4px;padding:0}.vaspitac-root .card-controls,.portir-root .card-controls{align-items:stretch}.vaspitac-root .card-controls .control-row,.portir-root .card-controls .control-row{width:100%}.vaspitac-root .card-controls .searchbar,.portir-root .card-controls .searchbar{flex:1 1 100%;width:100%;box-sizing:border-box}.vaspitac-root .card-controls .primary-btn,.vaspitac-root .card-controls .secondary-btn,.vaspitac-root .card-controls .manual-add-btn,.portir-root .card-controls .primary-btn,.portir-root .card-controls .secondary-btn,.portir-root .card-controls .manual-add-btn{width:100%}.vaspitac-root .card-controls .filter-select,.vaspitac-root .card-controls .date-input.local,.portir-root .card-controls .filter-select,.portir-root .card-controls .date-input.local{width:100%;box-sizing:border-box}.vaspitac-root .stats,.portir-root .stats{flex-wrap:wrap}.vaspitac-root .student-modal-card,.vaspitac-root .manual-form,.portir-root .student-modal-card,.portir-root .manual-form{border-radius:16px 16px 0 0}}.vaspitac-root .sound-banner,.portir-root .sound-banner{top:calc(12px + env(safe-area-inset-top,0px));max-width:calc(100vw - 24px);box-sizing:border-box}}@layer components{.pd-head-row{display:flex;align-items:center;gap:12px;width:100%;padding-bottom:8px;flex-wrap:wrap}.card-controls .pd-title{margin:0;font-size:18px;display:flex;align-items:center;gap:var(--sp-2)}.pd-flex1{flex:1}.pd-conn{display:flex;align-items:center;gap:6px;font-size:12px;padding:4px 10px;border-radius:12px;font-weight:500}.pd-conn--connected{background:var(--ok-soft);color:var(--ok-text)}.pd-conn--reconnecting{background:var(--warn-soft);color:var(--warn-text)}.pd-conn--connecting{background:var(--info-soft);color:var(--info-text)}.pd-conn--disconnected{background:var(--danger-soft);color:var(--danger-text)}.pd-conn-dot{font-size:8px}.pd-conn button.pd-reconnect-btn{margin-left:8px;padding:6px 12px;border:none;border-radius:8px;cursor:pointer;font-weight:800;background:var(--danger);color:var(--text-inverse);animation:pulse 1.5s infinite;display:inline-flex;align-items:center;gap:6px}.control-label.pd-ico-label{display:inline-flex;align-items:center;gap:6px}.pd-loading-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:12px;background:var(--info-soft);color:var(--info-text);font-weight:600}.searchbar .sb-icon.pd-sb-icon{display:inline-flex;align-items:center}.manual-add-btn.pd-ico-btn,.login-btn.pd-ico-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px}.pd-modal-title{display:flex;align-items:center;gap:var(--sp-2)}.close-btn.pd-close{display:inline-flex;align-items:center;justify-content:center}.manual-form .chosen-box.pd-chosen-tight{margin-top:8px;margin-bottom:8px}.pd-actions{display:flex;justify-content:flex-end;margin-top:8px}.pd-actions--lg{margin-top:16px}.pd-hint{opacity:.85}.details-badges.pd-center{justify-content:center;margin-top:12px}.time-chip.pd-time-center{text-align:center;margin:8px auto}.details-textarea.pd-textarea{min-height:80px;margin-bottom:16px}.manual-form .form-label.pd-mt8{margin-top:8px}.pd-notif-aside{position:fixed;right:calc(12px + env(safe-area-inset-right,0px));top:calc(20px + env(safe-area-inset-top,0px));width:min(420px,calc(100vw - 24px));z-index:99999;pointer-events:none}.pd-notif-head{pointer-events:auto;display:flex;gap:8px;align-items:center;justify-content:flex-end;margin-bottom:8px}.pd-notif-count{background:var(--text);color:var(--surface);padding:6px 10px;border-radius:8px;font-weight:700;display:inline-flex;align-items:center;gap:6px}.manual-add-btn.pd-notif-closeall{padding:6px 10px;display:inline-flex;align-items:center;gap:6px}.pd-notif-stack{position:relative;width:100%}.pd-notif-card{position:absolute;background:var(--surface);color:var(--text);border-radius:12px;box-shadow:var(--shadow-3);padding:16px;display:flex;gap:16px;align-items:center;cursor:pointer}.pd-notif-img{width:96px;height:96px;flex-shrink:0}.pd-notif-img img{width:96px;height:96px;object-fit:cover;border-radius:12px}.pd-notif-fallback{width:96px;height:96px;border-radius:12px;background:var(--surface-2);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:28px;color:var(--info-text)}.pd-notif-body{flex:1;min-width:0}.pd-notif-name{font-weight:800;font-size:18px;white-space:normal;word-break:break-word}.pd-notif-meta{margin-top:6px;display:flex;gap:8px;align-items:center;font-size:14px;color:var(--text-2)}.pd-notif-time{min-width:80px}.badge.pd-notif-badge{font-size:13px;padding:6px 10px;border-radius:8px}.pd-notif-warn{margin-left:8px;color:var(--danger);display:inline-flex}.pd-notif-help{margin-top:8px;font-size:13px;opacity:.8}.pd-notif-card button.pd-notif-x{position:absolute;top:6px;right:6px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:none;border-radius:20px;cursor:pointer;font-size:22px;line-height:1;font-weight:700;padding:0;background:color-mix(in srgb,var(--text) 8%,transparent);color:var(--text-2)}.pd-notif-extra{position:absolute;top:8px;width:44px;height:44px;border-radius:10px;background:color-mix(in srgb,var(--text) 10%,transparent);display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--text);z-index:9000}}@layer ui{.ui-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);border:1px solid transparent;border-radius:var(--r-md);font:inherit;font-weight:600;line-height:1.2;cursor:pointer;white-space:nowrap;transition:background var(--t-fast),border-color var(--t-fast),color var(--t-fast),transform var(--t-fast)}.ui-btn:active:not(:disabled){transform:scale(.98)}.ui-btn:focus-visible{outline:none;box-shadow:var(--focus)}.ui-btn:disabled{opacity:.55;cursor:not-allowed}.ui-btn--sm{padding:6px 10px;font-size:13px;min-height:32px}.ui-btn--md{padding:9px 16px;font-size:14px;min-height:40px}.ui-btn--lg{padding:12px 20px;font-size:16px;min-height:48px}.ui-btn--primary{background:var(--brand);color:var(--brand-contrast)}.ui-btn--primary:hover:not(:disabled){background:var(--brand-hover)}.ui-btn--secondary{background:var(--surface-2);color:var(--text);border-color:var(--border-strong)}.ui-btn--secondary:hover:not(:disabled){background:var(--surface-3)}.ui-btn--ghost{background:transparent;color:var(--text-2)}.ui-btn--ghost:hover:not(:disabled){background:var(--surface-2);color:var(--text)}.ui-btn--danger{background:var(--danger);color:var(--text-inverse)}.ui-btn--danger:hover:not(:disabled){background:var(--danger-text)}:root[data-theme=dark] .ui-btn--danger:hover:not(:disabled){background:var(--danger-border);color:var(--text)}.ui-icon-btn.ui-btn--sm{padding:0;width:32px}.ui-icon-btn.ui-btn--md{padding:0;width:40px}.ui-icon-btn.ui-btn--lg{padding:0;width:48px}.ui-spin{animation:ui-spin .8s linear infinite}@keyframes ui-spin{to{transform:rotate(360deg)}}}@layer ui{.ui-field{display:flex;flex-direction:column;gap:var(--sp-1);min-width:0}.ui-field__label{font-size:13px;font-weight:600;color:var(--text-2)}.ui-field__hint{font-size:12px;color:var(--text-3)}.ui-field__error{font-size:12px;font-weight:600;color:var(--danger-text)}.ui-control{width:100%;box-sizing:border-box;padding:10px 12px;border:1.5px solid var(--border-strong);border-radius:var(--r-md);background:var(--surface);color:var(--text);font:inherit;font-size:14px;outline:none;transition:border-color var(--t-fast),box-shadow var(--t-fast)}.ui-control::placeholder{color:var(--text-3)}.ui-control:focus{border-color:var(--brand);box-shadow:var(--focus)}.ui-control:disabled{background:var(--surface-2);color:var(--text-3);cursor:not-allowed}.ui-field.has-error .ui-control{border-color:var(--danger)}.ui-textarea{min-height:88px;resize:vertical}@media(max-width:480px){.ui-control{font-size:16px}}}@layer ui{.ui-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border:1px solid transparent;border-radius:var(--r-pill);font-size:13px;font-weight:700;line-height:1.4;white-space:nowrap;font-variant-numeric:tabular-nums}.ui-chip--ok{background:var(--ok-soft);border-color:var(--ok-border);color:var(--ok-text)}.ui-chip--warn{background:var(--warn-soft);border-color:var(--warn-border);color:var(--warn-text)}.ui-chip--danger{background:var(--danger-soft);border-color:var(--danger-border);color:var(--danger-text)}.ui-chip--info{background:var(--info-soft);border-color:var(--info-border);color:var(--info-text)}.ui-chip--neutral{background:var(--surface-2);border-color:var(--border);color:var(--text-2)}}@layer ui{.ui-card{background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-1);min-width:0}.ui-card--padded{padding:var(--sp-4)}.ui-card__head{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);margin-bottom:var(--sp-3);flex-wrap:wrap}.ui-card__title{margin:0;font-size:16px;font-weight:700}.ui-card__actions{display:flex;gap:var(--sp-2);flex-wrap:wrap}}@layer ui{.ui-modal{position:fixed;inset:0;z-index:10500;display:flex;align-items:center;justify-content:center;padding:var(--sp-4);background:var(--overlay);animation:ui-fade var(--t-base) ease-out}.ui-modal__panel{width:100%;max-height:calc(100dvh - 32px);display:flex;flex-direction:column;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-3);outline:none;animation:ui-pop var(--t-base) ease-out}.ui-modal__panel--sm{max-width:420px}.ui-modal__panel--md{max-width:560px}.ui-modal__panel--lg{max-width:860px}.ui-modal__head{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);padding:var(--sp-4) var(--sp-4) 0}.ui-modal__title{margin:0;font-size:18px;font-weight:700;line-height:1.3}.ui-modal__x{display:grid;place-items:center;width:40px;height:40px;padding:0;border:none;border-radius:var(--r-md);background:transparent;color:var(--text-2);cursor:pointer}.ui-modal__x:hover{background:var(--surface-2);color:var(--text)}.ui-modal__x:focus-visible{outline:none;box-shadow:var(--focus)}.ui-modal__body{padding:var(--sp-4);overflow:auto}.ui-modal__foot{display:flex;justify-content:flex-end;gap:var(--sp-2);flex-wrap:wrap;padding:0 var(--sp-4) var(--sp-4)}@media(max-width:480px){.ui-modal{align-items:flex-end;padding:0}.ui-modal__panel{max-width:none;border-radius:var(--r-lg) var(--r-lg) 0 0;padding-bottom:env(safe-area-inset-bottom,0px)}.ui-modal__foot>*{flex:1 1 auto}}@keyframes ui-fade{0%{opacity:0}to{opacity:1}}@keyframes ui-pop{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}}@layer ui{.ui-skel{display:block;width:100%;border-radius:var(--r-sm);background:linear-gradient(90deg,var(--surface-2) 25%,var(--surface-3) 50%,var(--surface-2) 75%);background-size:200% 100%;animation:ui-skel 1.2s ease-in-out infinite}.ui-skel-text{display:flex;flex-direction:column;gap:var(--sp-2)}.ui-skel-card{display:flex;flex-direction:column;gap:var(--sp-3);padding:var(--sp-4);border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface)}.ui-skel-row td{padding:12px}@keyframes ui-skel{0%{background-position:100% 0}to{background-position:-100% 0}}}@layer ui{.ui-empty{display:flex;flex-direction:column;align-items:center;gap:var(--sp-2);padding:var(--sp-6) var(--sp-4);text-align:center;color:var(--text-3)}.ui-empty__icon{display:grid;place-items:center;width:52px;height:52px;border-radius:var(--r-pill);background:var(--surface-2);color:var(--text-3)}.ui-empty__text{font-size:14px;font-weight:500;color:var(--text-2)}.ui-empty__action{margin-top:var(--sp-2)}}@layer ui{.ui-table-wrap{overflow:auto;border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface)}.ui-table{width:100%;border-collapse:separate;border-spacing:0;font-size:14px;color:var(--text)}.ui-table th{position:sticky;top:0;z-index:2;padding:10px 12px;background:var(--surface-2);border-bottom:1px solid var(--border-strong);color:var(--text-2);font-size:13px;font-weight:700;text-align:left;white-space:nowrap}.ui-table td{padding:9px 12px;border-bottom:1px solid var(--border);vertical-align:middle}.ui-table tbody tr:last-child td{border-bottom:none}.ui-table tbody tr:not(.is-toned):nth-child(2n) td{background:color-mix(in srgb,var(--surface-2) 45%,var(--surface))}.ui-table tbody tr:not(.is-toned):hover td{background:var(--surface-2)}.ui-table tbody tr.is-toned:hover td{filter:brightness(.97)}.ui-table tr.is-clickable{cursor:pointer}.ui-table .num{text-align:right;font-variant-numeric:tabular-nums}.ui-table tr.ui-table__empty td,.ui-table tr.ui-table__empty:hover td{background:var(--surface);padding:0}.ui-th-sort{display:inline-flex;align-items:center;gap:4px;padding:0;border:none;background:none;color:inherit;font:inherit;cursor:pointer}.ui-th-sort svg{opacity:.45}.ui-th-sort.is-active,.ui-th-sort:hover{color:var(--text)}.ui-th-sort.is-active svg{opacity:1;color:var(--brand)}.ui-th-sort:focus-visible{outline:none;box-shadow:var(--focus);border-radius:var(--r-sm)}th.num .ui-th-sort{flex-direction:row-reverse}}@layer ui{@container rt (max-width: 880px){.ui-table-wrap.rt-wrap{border:none;background:transparent;overflow:visible}.ui-table.rt-cards tbody tr:not(.is-toned) td{border-bottom:none;background:var(--surface-2)}.ui-table.rt-cards tbody tr.is-toned td{border-bottom:none}.ui-table.rt-cards td.rt-head,.ui-table.rt-cards td.rt-img,.ui-table.rt-cards td.rt-actions{background:transparent}.ui-table.rt-cards .num{text-align:left}}}@layer ui{.ui-tabs{display:flex;gap:var(--sp-1);padding:var(--sp-1);border-radius:var(--r-md);background:var(--surface-2);overflow-x:auto;scrollbar-width:thin}.ui-tab{display:inline-flex;align-items:center;gap:var(--sp-2);padding:8px 14px;border:none;border-radius:var(--r-sm);background:transparent;color:var(--text-2);font:inherit;font-size:14px;font-weight:600;white-space:nowrap;cursor:pointer;transition:background var(--t-fast),color var(--t-fast)}.ui-tab:hover{color:var(--text);background:var(--surface-3)}.ui-tab.is-active{background:var(--surface);color:var(--brand);box-shadow:var(--shadow-1)}.ui-tab:focus-visible{outline:none;box-shadow:var(--focus)}.ui-tab__badge{min-width:20px;padding:0 6px;border-radius:var(--r-pill);background:var(--brand-soft);color:var(--info-text);font-size:12px;font-weight:700;line-height:20px;text-align:center;font-variant-numeric:tabular-nums}}@layer ui{.ui-toasts{position:fixed;top:calc(var(--sp-4) + env(safe-area-inset-top,0px));right:var(--sp-4);z-index:11000;display:flex;flex-direction:column;gap:var(--sp-2);width:min(380px,calc(100vw - 32px));pointer-events:none}.ui-toast{display:flex;align-items:flex-start;gap:var(--sp-3);padding:var(--sp-3) var(--sp-3) var(--sp-3) var(--sp-4);border:1px solid var(--border);border-left-width:4px;border-radius:var(--r-md);background:var(--surface);color:var(--text);box-shadow:var(--shadow-3);pointer-events:auto;animation:ui-toast-in var(--t-base) ease-out}.ui-toast--ok{border-left-color:var(--ok)}.ui-toast--err{border-left-color:var(--danger)}.ui-toast--info{border-left-color:var(--info)}.ui-toast--ok .ui-toast__icon{color:var(--ok)}.ui-toast--err .ui-toast__icon{color:var(--danger)}.ui-toast--info .ui-toast__icon{color:var(--info)}.ui-toast__icon{flex:0 0 auto;margin-top:1px}.ui-toast__text{flex:1 1 auto;font-size:14px;line-height:1.45;white-space:pre-line;overflow-wrap:anywhere}.ui-toast__x{flex:0 0 auto;display:grid;place-items:center;width:28px;height:28px;padding:0;border:none;border-radius:var(--r-sm);background:transparent;color:var(--text-3);cursor:pointer}.ui-toast__x:hover{background:var(--surface-2);color:var(--text)}.ui-confirm__text{margin:0;font-size:15px;line-height:1.5;color:var(--text);white-space:pre-line}@keyframes ui-toast-in{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:none}}}@layer ui{.ui-flash{display:inline-block;border-radius:var(--r-sm);animation:ui-flash .3s ease-out}@keyframes ui-flash{0%{background:color-mix(in srgb,var(--warn) 45%,transparent);transform:scale(1.08)}to{background:transparent;transform:none}}}@layer components{.portir-root{min-height:100vh;width:100%;background:var(--bg);color:var(--text)}.portir-root input,.portir-root select,.portir-root textarea{color:var(--text);background:var(--surface)}:root[data-theme=dark] .portir-root input,:root[data-theme=dark] .portir-root select,:root[data-theme=dark] .portir-root textarea{border-color:var(--border)}.portir-root input::placeholder,.portir-root textarea::placeholder{color:var(--text-3);opacity:.85}.portir-root input[type=date],.portir-root input[type=time],.portir-root input[type=datetime-local]{color:var(--text);background:var(--surface)}:root[data-theme=dark] .portir-root input[type=date],:root[data-theme=dark] .portir-root input[type=time],:root[data-theme=dark] .portir-root input[type=datetime-local]{color-scheme:light;border-color:var(--border)}:root[data-theme=dark] .portir-root input[type=date]::-webkit-calendar-picker-indicator,:root[data-theme=dark] .portir-root input[type=time]::-webkit-calendar-picker-indicator,:root[data-theme=dark] .portir-root input[type=datetime-local]::-webkit-calendar-picker-indicator{filter:brightness(0) invert(1);cursor:pointer;opacity:1}.portir-root select option{background:var(--surface);color:var(--text)}.portir-root button,.portir-root .profile-btn,.portir-root .logout-btn{color:var(--brand-contrast)}.theme-switcher{background:var(--surface);border:1px solid var(--brand-border);border-radius:8px;padding:6px 10px;font-weight:600;cursor:pointer;box-shadow:var(--shadow-1)}.theme-switcher,.portir-root .theme-switcher{color:var(--info-text)}.theme-switcher{filter:none;opacity:1}.portir-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px 8px}.date-label{font-size:15px;opacity:.9;color:var(--text)}.date-input{font-size:16px;padding:7px 14px;border-radius:8px;border:1px solid var(--brand);background:var(--surface);color:var(--text)}:root[data-theme=dark] .portir-root .date-input{color-scheme:light}:root[data-theme=dark] .portir-root .date-input::-webkit-calendar-picker-indicator{filter:brightness(0) invert(1);cursor:pointer;opacity:1}.portir-header-right{display:flex;align-items:center;gap:14px}.pinned-controls{display:flex;align-items:center;gap:8px;margin-right:8px}.pinned-counter{background:var(--surface-2);color:var(--text);border-radius:var(--r-pill);padding:6px 10px;font-size:13.5px;font-weight:700}.close-all-btn{background:var(--danger);color:var(--text-inverse);border:none;border-radius:8px;padding:6px 10px;font-weight:700;cursor:pointer}.close-all-btn:hover{filter:brightness(1.05)}.logout-btn{background:var(--brand);color:var(--brand-contrast);border:none;border-radius:8px;font-size:15px;font-weight:700;padding:9px 18px;cursor:pointer;transition:background .2s}.sound-banner{position:fixed;left:50%;top:12px;transform:translate(-50%);z-index:1200;background:var(--warn-soft);color:var(--warn-text);border:1px solid var(--warn-border);border-radius:var(--r-md);padding:8px 12px;font-size:14px;box-shadow:var(--shadow-2)}.sound-btn{margin-left:10px;padding:6px 10px;border-radius:8px;border:none;cursor:pointer;background:var(--brand);color:var(--brand-contrast);font-weight:700}.portir-content{display:grid;grid-template-rows:auto 1fr;width:100%;max-width:none;margin:0;padding:0 0 30px}.portir-content>.vaspitac-page{flex:1 1 auto;width:100%}.portir-content .vaspitac-page .card{width:100%;max-width:none;margin:0}.portir-content .vaspitac-page .card .table-wrap{width:100%;max-width:100%}@media(min-width:1101px){.portir-content .vaspitac-page .card{width:calc(100% - 48px);max-width:none;margin:0 24px}}@media(max-width:1100px){.portir-content .vaspitac-page .card{width:100%;max-width:920px;margin:0 auto}}.logs-panel{background:var(--surface);border-radius:18px;box-shadow:var(--shadow-2);padding:26px 28px;width:100%;max-width:none;margin:0 16px;display:flex;flex-direction:column;gap:20px;box-sizing:border-box}@media(min-width:1101px){.logs-panel{width:calc(100% - 48px);margin:0 24px}}.log-controls{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.search-input,.filter-select{padding:8px 14px;font-size:15px;border-radius:8px;border:1px solid var(--brand);background:var(--bg);color:var(--text)}.controls-spacer{flex:1 1 auto}.manual-add-btn{background:var(--ok);color:var(--text-inverse);border:none;border-radius:8px;font-size:15px;font-weight:700;padding:9px 16px;cursor:pointer;transition:background .2s}.table-wrap{position:relative;max-height:70vh;overflow:auto}.logs-table.sticky-head thead th{position:sticky;top:0;z-index:2;background:var(--surface-2);box-shadow:0 2px color-mix(in srgb,var(--text) 4%,transparent)}.logs-table{width:100%;border-collapse:separate;border-spacing:0}.logs-table.wide{font-size:16.5px}.logs-table th,.logs-table td{padding:12px;border-bottom:1px solid var(--border);text-align:left;vertical-align:middle;color:var(--text)}.logs-table th{background:var(--surface-2);font-size:15px;color:var(--text)}.logs-table tr.table-row{cursor:pointer;transition:background .16s}.logs-table tr.table-row:hover{background:var(--brand-soft)}@keyframes rowFlashLight{0%{background-color:var(--warn-soft)}to{background-color:transparent}}@keyframes rowFlashDark{0%{background-color:var(--warn-soft)}to{background-color:transparent}}.row-flash{animation:rowFlashLight 2.5s ease-out}.row-anomaly{outline:2px solid color-mix(in srgb,var(--danger) 55%,transparent);outline-offset:-2px}.badge-anomaly{box-shadow:0 0 0 2px color-mix(in srgb,var(--danger) 75%,transparent) inset}.user-cell{display:flex;align-items:center;gap:10px}.user-img{width:38px;height:38px;border-radius:50%;object-fit:cover;box-shadow:var(--shadow-1)}.user-fallback{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--brand-soft);color:var(--info-text);font-weight:800}.badge{display:inline-block;padding:5px 11px;border-radius:12px;font-size:13.5px;font-weight:700;color:var(--text-inverse)}.badge-ucenik{background:var(--brand);color:var(--brand-contrast)}.badge-radnik{background:var(--ok);color:var(--text-inverse)}.badge-ulazak{background:var(--brand);color:var(--brand-contrast)}.badge-izlazak{background:var(--cat-orange-strong);color:var(--text-inverse)}.badge-skola{background:var(--cat-purple);color:var(--text-inverse)}.badge-kuci{background:var(--danger);color:var(--text-inverse)}.badge-dopustenje{background:var(--cat-teal);color:var(--text-inverse)}.badge-pauza{background:var(--ok);color:var(--text-inverse)}.badge-izlazak30min{background:var(--cat-pink);color:var(--text-inverse)}.opis-input{width:100%;padding:8px 10px;border-radius:8px;border:1px solid var(--brand);background:var(--bg);font-size:15px;color:var(--text)}.return-info-text{font-size:.85em;color:var(--text-3);margin-top:4px}:root[data-theme=dark] .portir-root .return-info-text{background:var(--surface-3);color:var(--text);padding:4px 8px;border-radius:var(--r-sm);display:inline-block;margin-top:6px}.modal-overlay{position:fixed;inset:0;background:var(--overlay);display:grid;place-items:center;z-index:2000;padding:16px}.form-modal{position:fixed;inset:0;background:var(--overlay);display:flex;align-items:center;justify-content:center;z-index:100000}.manual-form{background:var(--surface);border-radius:18px;box-shadow:var(--shadow-3);padding:26px 28px;min-width:0;max-width:min(560px,calc(100vw - 24px));width:520px;display:flex;flex-direction:column;gap:12px;position:relative;color:var(--text)}.portir-root .manual-form h3,.portir-root .manual-form label,.portir-root .manual-form .form-label,.portir-root .manual-form .chosen-box,.portir-root .manual-form .result-empty{color:var(--text)}.portir-root .manual-form input[type=text],.portir-root .manual-form input[type=password],.portir-root .manual-form input[type=email],.portir-root .manual-form input[type=date],.portir-root .manual-form input[type=time],.portir-root .manual-form input[type=number],.portir-root .manual-form select,.portir-root .manual-form textarea{background:var(--bg);color:var(--text);border:1px solid var(--brand);padding:10px 12px;border-radius:8px;font-size:15px}:root[data-theme=dark] .portir-root .manual-form input[type=text],:root[data-theme=dark] .portir-root .manual-form input[type=password],:root[data-theme=dark] .portir-root .manual-form input[type=email],:root[data-theme=dark] .portir-root .manual-form input[type=date],:root[data-theme=dark] .portir-root .manual-form input[type=time],:root[data-theme=dark] .portir-root .manual-form input[type=number],:root[data-theme=dark] .portir-root .manual-form select,:root[data-theme=dark] .portir-root .manual-form textarea{border-color:var(--border)}.portir-root .manual-form input::placeholder,.portir-root .manual-form textarea::placeholder{color:var(--text-3);opacity:.85}.portir-root .manual-form select option{background:var(--surface);color:var(--text)}:root[data-theme=dark] .portir-root .manual-form input[type=date],:root[data-theme=dark] .portir-root .manual-form input[type=time]{color-scheme:light}:root[data-theme=dark] .portir-root .manual-form input[type=date]::-webkit-calendar-picker-indicator,:root[data-theme=dark] .portir-root .manual-form input[type=time]::-webkit-calendar-picker-indicator{filter:brightness(0) invert(1);cursor:pointer;opacity:1}.login-btn{width:100%;padding:12px;background:var(--brand);color:var(--brand-contrast);border:none;border-radius:8px;font-size:17px;font-weight:600;margin-top:8px;cursor:pointer;box-shadow:var(--shadow-1);transition:background .2s;display:block}.login-btn:disabled{opacity:.6;cursor:not-allowed}.error{color:var(--warn-text);font-weight:600;font-size:15px;margin-top:4px}.form-columns{display:flex;gap:18px}.left-col{width:260px;min-width:200px;max-height:60vh;overflow:auto;display:flex;flex-direction:column}.left-col .results-list{margin-top:8px}.left-preview{width:96px;height:96px;border-radius:12px;overflow:hidden;margin:10px 0 0}.left-col .left-preview{width:140px;height:140px;margin:12px auto 0;border-radius:var(--r-lg);background:var(--brand-soft);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-2)}.left-col .left-preview img{width:100%;height:100%;object-fit:cover;display:block}.left-col .left-preview .selected-fallback{width:100%;height:100%;display:grid;place-items:center;font-weight:900;font-size:36px;color:var(--info-text)}@media(min-width:1100px){.left-col .left-preview{width:160px;height:160px}}@media(max-width:880px){.left-col .left-preview{width:96px;height:96px;margin:8px 0}}.right-col{flex:1 1 auto;min-width:260px;display:flex;flex-direction:column}@media(min-width:880px){.manual-form{width:820px;max-width:calc(100vw - 48px)}}@media(max-width:880px){.form-columns{flex-direction:column}.left-col{width:100%;max-height:220px}.right-col{width:100%}}@media(max-width:420px){.manual-form{padding:12px}}@media(max-width:600px){.manual-form{width:calc(100vw - 24px);max-height:calc(100vh - 24px);overflow:auto}.manual-form input,.manual-form select,.manual-form textarea{width:100%;box-sizing:border-box}}.close-btn{position:absolute;top:10px;right:12px;font-size:22px;background:none;border:none;color:var(--brand);cursor:pointer;font-weight:700}.portir-root .close-btn{color:var(--brand)}.details-form{width:560px;max-width:min(560px,calc(100vw - 24px))}.portir-root .details-form .details-label,.portir-root .details-form .details-name{color:var(--text)}.portir-root .details-textarea{background:var(--bg);color:var(--text);border:1px solid var(--brand)}:root[data-theme=dark] .portir-root .details-textarea{border-color:var(--border)}.results-list{display:flex;flex-direction:column;gap:8px;max-height:300px;overflow:auto;margin:8px 0}.result-item{display:flex;align-items:center;gap:12px;background:var(--surface-2);border:1px solid var(--brand-border);border-radius:var(--r-md);padding:8px 10px;cursor:pointer;transition:background .15s ease,box-shadow .15s ease}.result-item:hover{background:var(--brand-soft);box-shadow:var(--shadow-2)}.result-item.active{outline:2px solid var(--brand);outline-offset:-2px}.result-avatar{width:44px;height:44px;border-radius:var(--r-md);overflow:hidden;background:var(--brand-soft);display:grid;place-items:center;font-weight:800;color:var(--info-text)}.result-avatar img{width:44px;height:44px;object-fit:cover;border-radius:var(--r-md)}.result-meta{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.result-name{font-weight:800;color:var(--text)}.result-id{font-size:12px;opacity:.8;color:var(--text)}.chosen-box{margin:8px 0;font-weight:700}.selected-preview{width:96px;height:96px;border-radius:12px;overflow:hidden;margin:8px 0}.selected-preview img{width:96px;height:96px;object-fit:cover;border-radius:12px}.selected-fallback{width:96px;height:96px;border-radius:12px;background:var(--brand-soft);color:var(--info-text);display:grid;place-items:center;font-weight:900;font-size:28px}.result-empty{padding:12px;text-align:center;opacity:.8;color:var(--text)}@media(max-width:1200px){.logs-panel{max-width:98vw;width:100%;min-width:0;margin:0 auto;padding:16px}.app-header,.portir-header{padding-left:12px;padding-right:12px}.portir-content{justify-content:center;padding:12px 0}}@media(max-width:720px){.logs-table{border:none}.logs-table thead{display:none}.logs-table,.logs-table tbody,.logs-table tr,.logs-table td{display:block;width:100%}.logs-table tr{margin:10px 0;background:var(--surface);border-radius:12px;padding:10px;box-shadow:var(--shadow-1);border:1px solid var(--border)}.logs-table td{padding:8px 0;border:none;display:flex;align-items:center;justify-content:space-between;gap:12px}.logs-table td:last-child{border-bottom:none}.logs-table td:before{content:attr(data-label);font-weight:700;color:var(--text-3);font-size:13px;margin-right:8px;min-width:80px;display:inline-block}.user-cell{display:flex;align-items:center;gap:10px}.user-img,.user-fallback{width:44px;height:44px}.user-meta{display:flex;flex-direction:column;margin-left:6px;min-width:0}.user-name{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text)}.user-smer{font-size:12px;color:var(--text-3);margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.logs-table td[data-label=Status]{display:flex;align-items:center;justify-content:flex-start;gap:8px}.logs-table td[data-label=Status] .status-dot{width:14px;height:14px;flex:0 0 14px;margin-right:6px;box-shadow:0 0 0 2px color-mix(in srgb,var(--text) 6%,transparent) inset}.logs-table td[data-label=ID]{font-weight:800;color:var(--text)}}@media(max-width:420px){.logs-panel{margin:0;padding:8px;border-radius:8px;box-shadow:none}.log-controls{flex-direction:column;gap:8px}.log-controls>*{width:100%;box-sizing:border-box}input[type=text],input[type=date],.search-input,.filter-select,.opis-input{font-size:13px;padding:6px 8px}.user-img,.user-fallback{width:30px;height:30px}.badge,.time-chip{font-size:12px;padding:4px 8px}}.manual-inline-row{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap;margin-top:8px}.inline-field{display:flex;flex-direction:column;gap:6px;position:relative}.inline-field input,.inline-field select{min-width:180px}.inline-dropdown{position:absolute;left:0;top:100%;margin-top:6px;min-width:220px;background:var(--surface);border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow-3);z-index:2000;max-height:260px;overflow:auto}.inline-dropdown button{display:block;width:100%;text-align:left;padding:8px 10px;border:none;background:var(--surface);color:var(--text);cursor:pointer}.inline-dropdown button:hover{background:var(--surface-2)}@keyframes pulse{0%{opacity:1}50%{opacity:.55}to{opacity:1}}.page-loading-overlay{position:absolute;inset:0;background:color-mix(in srgb,var(--surface) 60%,transparent);display:flex;align-items:center;justify-content:center;z-index:2000}.page-loading-box{padding:12px 16px;border-radius:8px;background:var(--surface);color:var(--text);font-weight:700;box-shadow:var(--shadow-2)}@media(max-width:480px){.form-modal{align-items:flex-end;padding:0}.manual-form,.details-form{width:100vw;min-width:0;max-width:100vw;margin:0;border-radius:16px 16px 0 0;max-height:92dvh;overflow:auto;box-sizing:border-box;padding-bottom:calc(16px + env(safe-area-inset-bottom,0px))}}@media(max-width:480px){.portir-root .search-input,.portir-root .filter-select,.portir-root .manual-form input,.portir-root .manual-form select{font-size:16px}}}@layer components{.provera-root{padding:8px;box-sizing:border-box;min-height:100vh;display:flex;flex-direction:column;gap:12px;color:var(--text)}:root[data-theme=dark] .provera-root{background:var(--bg)}.card{background:var(--surface);border-radius:8px;box-shadow:var(--shadow-2);padding:12px;box-sizing:border-box}.card-controls{display:flex;gap:12px;align-items:center;margin-bottom:8px}.manual-add-btn{background:var(--brand);color:var(--brand-contrast);border:none;padding:10px 14px;border-radius:8px;cursor:pointer;font-weight:700}.manual-add-btn[disabled]{opacity:.6;cursor:not-allowed}.secondary-btn{background:var(--surface-2);border:1px solid var(--border);padding:8px 12px;border-radius:8px;cursor:pointer;color:var(--text)}.provera-root .secondary-btn{color:var(--text)}.sb-item{display:flex;gap:8px;align-items:center;padding:8px;border-radius:var(--r-sm);background:var(--surface-2)}.station-row{transition:background .2s ease;padding:10px;border-radius:8px;color:var(--text-inverse)}.station-row.green{background:var(--ok)}.station-row.red{background:var(--danger)}.station-row.orange{background:var(--warn)}.station-row.station-neutral{background:var(--surface);border:1px solid var(--border);color:var(--text)}:root[data-theme=dark] .station-row.station-neutral,:root[data-theme=dark] .provera-root .station-row.station-neutral{background:var(--surface-2)}.station-neutral .station-sub{opacity:.75}.provera-grid{display:flex;gap:16px;align-items:flex-start}.left-panel{width:300px;max-width:35vw}.detail-panel{flex:1;min-width:0}.left-panel.mobile-hidden,.left-panel.show-mobile{display:block}.mobile-controls{display:none}.pv-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.pv-title,.pv-detail-title{display:flex;align-items:center;gap:var(--sp-2);flex-wrap:wrap}.pv-controls{display:flex;gap:12px;align-items:center;margin-bottom:12px;flex-wrap:wrap}.pv-date{display:flex;align-items:center;gap:8px}.pv-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px}.pv-lookup{margin-left:auto;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.pv-lookup-input{padding:8px;border-radius:8px;border:1px solid var(--border);min-width:0}.rt-wrap.pv-sessions{max-height:60vh;overflow:auto}.pv-sessions-table{width:100%}.pv-row{cursor:pointer}.pv-row.is-selected{background:color-mix(in srgb,var(--info) 4%,transparent)}.card.pv-detail{margin-top:12px;padding:12px}.pv-loading{font-size:12px;margin-left:8px;opacity:.7}.pv-stations{display:grid;gap:8px;margin-top:8px}.station-row.pv-station{display:flex;flex-direction:column;gap:4px;padding:10px;border-radius:6px}.pv-station-name{font-weight:700}.pv-station-sub{font-size:13px}.pv-error{margin-top:12px;color:var(--danger)}@keyframes proveraPulse{0%{box-shadow:0 0 #ffffff40;transform:scale(1)}50%{box-shadow:0 0 0 14px #fff0;transform:scale(1.02)}to{box-shadow:0 0 #fff0;transform:scale(1)}}.pulse{animation:proveraPulse .9s ease-in-out}@media(min-width:721px){.provera-root{padding:12px}.provera-grid{align-items:flex-start}.provera-grid>div{min-width:0}}@media(max-width:1024px){.left-panel,.left-panel.mobile-hidden,.left-panel.show-mobile{display:none}.mobile-controls{display:block}}@media(max-width:720px){.provera-root{padding:8px}.provera-grid{flex-direction:column;gap:10px}.left-panel{width:100%;max-width:none}.left-panel.mobile-hidden{display:none}.mobile-controls{display:block;margin-bottom:8px}.left-panel.show-mobile{display:block;position:fixed;left:8px;right:8px;top:64px;z-index:1400;background:var(--surface);border-radius:var(--r-md);box-shadow:var(--shadow-3);max-height:40vh;overflow:auto;padding:10px}.provera-grid>div{width:100%;box-sizing:border-box}.provera-grid>div:first-child .card{max-height:20vh;overflow:auto;padding:8px}.provera-grid>div:last-child .card{max-height:calc(100vh - 160px);overflow:auto;padding:10px}.station-row{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:10px;border-radius:var(--r-md);font-size:14px}.station-row div{width:100%}.station-row .rfid{font-size:12px;opacity:.95}.manual-add-btn,.secondary-btn{width:100%;padding:12px 14px;font-size:15px}.provera-root .card .reads-list,.provera-root .card ul{max-height:24vh;overflow:auto}.logs-table{border:none;width:100%}.logs-table thead{display:none}.logs-table,.logs-table tbody,.logs-table tr,.logs-table td{display:block;width:100%}.logs-table tr{margin:6px 0;background:var(--surface);border-radius:var(--r-md);padding:8px;box-shadow:var(--shadow-1);border:1px solid var(--border)}.logs-table td{padding:6px 0;border:none;display:flex;align-items:center;justify-content:space-between}.logs-table td:before{content:attr(data-label);font-weight:700;color:var(--text-3);font-size:12px;margin-right:8px;min-width:80px;display:inline-block}.toast{right:12px;left:12px;bottom:12px;border-radius:var(--r-md);padding:10px;text-align:center;font-size:13px}}@media(max-width:420px){.manual-add-btn{padding:10px;font-size:14px}.station-row{padding:8px;font-size:14px}}.card h4,.card h5,.card h3{margin-top:0}.provera-root input,.provera-root select,.provera-root textarea{color:var(--text)}:root[data-theme=dark] .provera-root input,:root[data-theme=dark] .provera-root select,:root[data-theme=dark] .provera-root textarea{background:var(--surface);border-color:var(--border)}:root[data-theme=dark] .provera-root input::placeholder,:root[data-theme=dark] .provera-root textarea::placeholder{color:var(--text-3);opacity:.9}@media(max-width:480px){.provera-root input,.provera-root select,.provera-root textarea{font-size:16px;min-height:44px;box-sizing:border-box}.provera-root .secondary-btn,.provera-root .manual-add-btn{min-height:44px}.pv-controls{gap:8px}.pv-controls>label{width:100%;flex-wrap:wrap}.pv-controls input[type=date]{flex:1 1 auto;min-width:0}.pv-lookup{margin-left:0;width:100%}.pv-lookup input{flex:1 1 auto;min-width:0}}}@layer components{.prisutnost-traka{display:flex;align-items:center;flex-wrap:wrap;gap:6px;padding:6px 10px;margin-bottom:8px;border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface-2);font-size:12.5px;font-weight:600;line-height:1.3}.prisutnost-traka .sep{color:var(--text-3);font-weight:400}.prisutnost-traka .in,.prisutnost-traka .in b{color:var(--ok-text)}.prisutnost-traka .out,.prisutnost-traka .out b{color:var(--danger-text)}.prisutnost-traka .sum,.prisutnost-traka .sum b{color:var(--text)}.brojno-stanje{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.brojno-stanje .bs-kartica{flex:1 1 140px;padding:6px 10px;border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface-2);font-size:12.5px;font-weight:600}.brojno-stanje .bs-kartica.ukupno{border-color:var(--border-strong);background:var(--surface-3)}.brojno-stanje .bs-naslov{margin-bottom:2px}.brojno-stanje .bs-brojevi{display:flex;gap:10px;font-size:14px}.brojno-stanje .in,.brojno-stanje .in b{color:var(--ok-text)}.brojno-stanje .out,.brojno-stanje .out b{color:var(--danger-text)}.brojno-stanje .sum,.brojno-stanje .sum b{color:var(--text)}.prisutnost-traka svg,.brojno-stanje svg{width:1.2em;height:1.2em;vertical-align:-.25em;flex-shrink:0}}@layer components{.vp-ico{display:inline-flex;align-items:center;justify-content:center;gap:6px}.vp-filter-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.vp-minw-120{min-width:120px}.vp-minw-160{min-width:160px}.vp-minw-180{min-width:180px}.vp-minw-220{min-width:220px}.logs-table td.vp-col-status{width:48px}.logs-table td.vp-col-opis{max-width:120px;white-space:normal;word-break:break-word}.sdm-readonly-note{margin:0 16px 10px;padding:8px 12px;border-radius:10px;font-size:13px;font-weight:700;background:var(--warn-soft);border:1px solid var(--warn-border);color:var(--warn-text)}.student-modal-card .avatar-dropzone.sdm-avatar-ro{cursor:default}.student-modal-card input.sdm-file-input{display:none}.sdm-return-info{font-size:13px}.vp-ico-inline,.stat-chip.vp-chip{display:inline-flex;align-items:center;gap:6px}.vp-mt6{margin-top:6px}.vp-mt10{margin-top:10px}.vp-pad-12{padding:12px}.ui-table.logs-table td:not([data-label]):not([data-l]):before{content:none}.vp-mb4{margin-bottom:4px}.vp-mt8{margin-top:8px}.muted-note.vp-extras{font-size:.9em;margin-left:8px}.vaspitac-root .dn-card.vp-card-mb{margin-bottom:16px}.vp-card-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.vp-fw700{font-weight:700}.vaspitac-root .secondary-btn.vp-btn-sm{font-size:.9em}.vp-loading{padding:40px;display:flex;flex-direction:column;align-items:center;gap:16px}.vp-summary{margin-bottom:12px;display:flex;justify-content:flex-start;align-items:center}.muted-note.vp-fs95{font-size:.95em}}@layer components{.cpm-overlay{position:fixed;inset:0;z-index:4000;background:var(--overlay);display:flex;align-items:center;justify-content:center;padding:16px}.cpm-modal{position:relative;width:100%;max-width:420px;border-radius:var(--r-lg);padding:20px;box-sizing:border-box;display:flex;flex-direction:column;gap:10px}.cpm-title{margin:0 44px 4px 0;font-size:18px;font-weight:800}.cpm-close{position:absolute;top:6px;right:6px;min-width:44px;min-height:44px;border:none;background:transparent;font-size:22px;line-height:1;cursor:pointer;border-radius:var(--r-md)}.cpm-label{display:block;font-size:13px;font-weight:700;margin-bottom:4px}.cpm-row{display:flex;gap:8px;align-items:stretch}.cpm-row input{flex:1;min-width:0;min-height:44px;font-size:16px;padding:0 12px;border-radius:var(--r-md);box-sizing:border-box}.cpm-eye{min-width:44px;min-height:44px;border-radius:var(--r-md);font-size:18px;cursor:pointer;flex:0 0 auto}.cpm-msg{font-size:14px;font-weight:600;border-radius:var(--r-md);padding:10px 12px;word-break:break-word}.cpm-save{width:100%;min-height:48px;font-size:16px;font-weight:800;border:none;border-radius:var(--r-md);cursor:pointer;background:var(--brand);color:var(--brand-contrast)}.cpm-save:disabled{opacity:.65;cursor:not-allowed}.cpm-modal{background:var(--surface);color:var(--text);box-shadow:var(--shadow-3);border:1px solid var(--border)}.cpm-modal .cpm-title{display:flex;align-items:center;gap:8px}.cpm-modal .cpm-close{color:var(--text-2);display:flex;align-items:center;justify-content:center}.cpm-modal .cpm-label{color:var(--text-2)}.cpm-modal .cpm-row input{background:var(--surface);color:var(--text);border:1px solid var(--border-strong)}.cpm-modal .cpm-eye{background:var(--surface-2);color:var(--text);border:1px solid var(--border-strong);display:inline-flex;align-items:center;justify-content:center}.cpm-modal .cpm-msg--err{background:var(--danger-soft);color:var(--danger-text)}.cpm-modal .cpm-msg--ok{background:var(--ok-soft);color:var(--ok-text)}.cpm-modal .cpm-save{display:inline-flex;align-items:center;justify-content:center;gap:8px}@media(max-width:479px){.cpm-overlay{align-items:flex-end;padding:0}.cpm-modal{max-width:none;width:100vw;border-radius:16px 16px 0 0;padding:18px 16px calc(18px + env(safe-area-inset-bottom))}}}@layer components{.rtw-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:12px;font-weight:600}.rtw-pill--connected{background:var(--ok-soft);color:var(--ok-text)}.rtw-pill--reconnecting{background:var(--warn-soft);color:var(--warn-text)}.rtw-pill--connecting{background:var(--info-soft);color:var(--info-text)}.rtw-pill--disconnected{background:var(--danger-soft);color:var(--danger-text)}.rtw-pill__dot{font-size:8px}.rtw-pill__reconnect{display:inline-flex;align-items:center;gap:6px;margin-left:8px;padding:6px 12px;border:none;border-radius:8px;cursor:pointer;font-weight:800;background:var(--danger);color:var(--text-inverse);animation:rtPulse 1.5s infinite}@keyframes rtPulse{0%{opacity:1}50%{opacity:.55}to{opacity:1}}@media(prefers-reduced-motion:reduce){.rtw-pill__reconnect{animation:none}}.rtw-notif{position:fixed;right:12px;top:20px;width:min(420px,calc(100vw - 24px));z-index:99999;pointer-events:none}.rtw-notif__bar{pointer-events:auto;display:flex;gap:8px;align-items:center;justify-content:flex-end;margin-bottom:8px}.rtw-notif__count{display:inline-flex;align-items:center;gap:6px;background:var(--brand);color:var(--brand-contrast);padding:6px 10px;border-radius:8px;font-weight:700}.rtw-notif__close-all{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:none;border-radius:8px;cursor:pointer;font-weight:700;background:var(--danger);color:var(--text-inverse)}.rtw-notif__stack{position:relative;width:100%}.rtw-card{position:absolute;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-3);padding:16px;display:flex;gap:14px;align-items:center;cursor:default}.rtw-card.is-clickable{cursor:pointer}.rtw-card.is-anomaly{border:2px solid var(--danger)}.rtw-card__avatar{width:84px;height:84px;flex-shrink:0}.rtw-card__img{width:84px;height:84px;object-fit:cover;border-radius:12px}.rtw-card__initials{width:84px;height:84px;border-radius:12px;background:var(--surface-2);color:var(--brand);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:26px}.rtw-card__body{flex:1;min-width:0;padding-right:34px}.rtw-card__name{font-weight:800;font-size:17px;word-break:break-word}.rtw-card__meta{margin-top:6px;display:flex;gap:8px;align-items:center;font-size:14px;flex-wrap:wrap}.rtw-card__time{opacity:.85}.rtw-card__anomaly{color:var(--danger)}.rtw-badge{padding:4px 10px;border-radius:8px;font-weight:700}.rtw-badge--ucenik{background:var(--info-soft);color:var(--info-text)}.rtw-badge--radnik{background:var(--warn-soft);color:var(--warn-text)}.rtw-badge--ulazak{background:var(--ok-soft);color:var(--ok-text)}.rtw-badge--izlazak{background:var(--danger-soft);color:var(--danger-text)}.rtw-badge--skola{background:var(--info-soft);color:var(--info-text)}.rtw-badge--kuca{background:var(--warn-soft);color:var(--warn-text)}.rtw-badge--dopustenje{background:var(--cat-purple-soft);color:var(--cat-purple-text)}.rtw-badge--izlazak30min{background:var(--cat-teal-soft);color:var(--cat-teal-text)}.rtw-badge--ostalo{background:var(--surface-3);color:var(--text-2)}.rtw-card__x{position:absolute;top:6px;right:6px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:none;border-radius:20px;cursor:pointer;font-size:22px;line-height:1;font-weight:700;background:var(--surface-3);color:var(--text-2)}.rtw-notif__extra{position:absolute;top:-52px;left:0;width:44px;height:44px;border-radius:10px;background:var(--text-2);color:var(--surface);display:flex;align-items:center;justify-content:center;font-weight:700;z-index:9000;pointer-events:none}}@layer components{.vd-ico-row{display:inline-flex;align-items:center;justify-content:center;gap:6px}.vaspitac-root .stat-chip.vd-ico-row{display:inline-flex;align-items:center;gap:6px}.vd-busy{font-size:12px;opacity:.8}.vaspitac-root .chosen-box.vd-chosen-approver{margin-top:8px;margin-bottom:8px}.vd-form-actions{display:flex;justify-content:flex-end;margin-top:8px}.vd-hint{opacity:.85}.vd-stack-12{display:grid;gap:12px;align-content:start}.vd-stack-10{display:grid;gap:10px;align-content:start}.vaspitac-root .student-modal-card .avatar-dropzone.vd-avatar-plain{border:none;background:transparent}.vaspitac-root .avatar-fallback.vd-avatar-fb{width:64%;height:64%;font-size:36px}.vd-strong{font-weight:800}.vaspitac-root .muted-note.vd-mt6{margin-top:6px}.vd-meta-row{margin-top:8px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.vaspitac-root .student-modal-card .vd-touch{width:100%;min-height:44px}}@layer components{.vaspitac-root{--dn-ukupno-bg: color-mix(in srgb, var(--brand-soft) 60%, var(--brand-border))}.vaspitac-root .dnevnik{display:grid;grid-template-columns:320px 1fr;gap:16px;align-items:start}@media(max-width:900px){.vaspitac-root .dnevnik{grid-template-columns:1fr}.vaspitac-root .dn-students{max-height:38vh}}.vaspitac-root .dn-side{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:12px;box-shadow:var(--shadow-1)}.vaspitac-root .dn-search{width:100%;padding:10px 12px;border:1px solid var(--border-strong);border-radius:var(--r-md);font-size:14px;margin-bottom:10px;outline:none;box-sizing:border-box;transition:border-color .15s,box-shadow .15s}.vaspitac-root .dn-search:focus{border-color:var(--brand);box-shadow:var(--focus)}.vaspitac-root .dn-students{max-height:68vh;overflow:auto;display:flex;flex-direction:column;gap:4px;padding-right:2px}.vaspitac-root .dn-student{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border:1px solid transparent;border-radius:var(--r-md);background:transparent;cursor:pointer;text-align:left;transition:background .12s,border-color .12s}.vaspitac-root .dn-student:hover{background:var(--surface-2)}.vaspitac-root .dn-student.active{background:var(--brand-soft);border-color:var(--brand-border)}.vaspitac-root .dn-avatar{flex:0 0 36px;width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--brand),var(--brand-hover));display:flex;align-items:center;justify-content:center;font-weight:800;font-size:13px;letter-spacing:.5px}.vaspitac-root .dn-avatar,:root[data-theme=dark] .vaspitac-root .dn-avatar{color:var(--brand-contrast)}.vaspitac-root .dn-avatar.photo{padding:0;overflow:hidden;background:var(--surface-3);border:1px solid var(--border)}.vaspitac-root .dn-avatar img{width:100%;height:100%;object-fit:cover;display:block}.vaspitac-root .dn-avatar.lg{flex:0 0 56px;width:56px;height:56px;font-size:18px}.vaspitac-root .dn-student-head{display:flex;align-items:center;gap:14px}.vaspitac-root .dn-student-name{font-weight:600;font-size:15px;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vaspitac-root .dn-student-sub,:root[data-theme=dark] .vaspitac-root .dn-student-sub{font-size:12px;color:var(--text-2)}.vaspitac-root .dn-main{display:flex;flex-direction:column;gap:14px;min-width:0}.vaspitac-root .dn-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:14px 16px;box-shadow:var(--shadow-1)}.vaspitac-root .dn-card h3{margin:0 0 4px;font-size:20px}.vaspitac-root .dn-card h4{margin:0 0 10px;font-size:15px}.vaspitac-root .dn-muted,:root[data-theme=dark] .vaspitac-root .dn-muted{color:var(--text-2);font-size:13px}.vaspitac-root .dn-empty{padding:36px 16px;text-align:center;border:1px dashed var(--border-strong);border-radius:var(--r-lg)}.vaspitac-root .dn-empty .dn-empty-ico{font-size:34px;display:block;margin-bottom:8px}.vaspitac-root .dn-upisi{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}.vaspitac-root .dn-upis{padding:9px 16px;border-radius:var(--r-pill);border:1px solid var(--border-strong);background:var(--surface-2);font-size:14px;font-weight:600;cursor:pointer;transition:all .12s}.vaspitac-root .dn-upis,.vaspitac-root .dn-upis *{color:var(--text)}.vaspitac-root .dn-upis:hover{border-color:var(--brand)}.vaspitac-root .dn-upis.active,:root[data-theme=dark] .vaspitac-root .dn-upis.active{background:var(--brand);border-color:var(--brand)}.vaspitac-root .dn-upis.active,.vaspitac-root .dn-upis.active *,:root[data-theme=dark] .vaspitac-root .dn-upis.active,:root[data-theme=dark] .vaspitac-root .dn-upis.active *{color:var(--brand-contrast)}.vaspitac-root .dn-form-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.vaspitac-root .dn-form-row select,.vaspitac-root .dn-form-row input{padding:9px 10px;border:1px solid var(--border-strong);border-radius:var(--r-md);font-size:14px;outline:none}.vaspitac-root .dn-form-row select:focus,.vaspitac-root .dn-form-row input:focus{border-color:var(--brand);box-shadow:var(--focus)}.vaspitac-root .dn-btn{padding:11px 18px;border:none;border-radius:var(--r-md);font-weight:700;font-size:15px;cursor:pointer;background:var(--brand);transition:filter .12s}.vaspitac-root .dn-btn,:root[data-theme=dark] .vaspitac-root .dn-btn,.vaspitac-root .dn-btn *{color:var(--brand-contrast)}.vaspitac-root .dn-btn:hover{filter:brightness(1.08)}.vaspitac-root .dn-btn:disabled{opacity:.6;cursor:default}.vaspitac-root .dn-btn.ghost{background:var(--surface-2);border:1px solid var(--border-strong)}.vaspitac-root .dn-btn.ghost,.vaspitac-root .dn-btn.ghost *,:root[data-theme=dark] .vaspitac-root .dn-btn.ghost,:root[data-theme=dark] .vaspitac-root .dn-btn.ghost *{color:var(--text)}.vaspitac-root .dn-predmet-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;gap:10px}.vaspitac-root .dn-predmet-head .dn-predmet-naziv{font-weight:800;font-size:15px}.vaspitac-root .dn-prosek{padding:3px 12px;border-radius:var(--r-pill);background:var(--brand-soft);border:1px solid var(--brand-border);font-weight:800;font-size:13px;white-space:nowrap}.vaspitac-root .dn-prosek,.vaspitac-root .dn-prosek *{color:var(--info-text)}.vaspitac-root .dn-grades{display:flex;gap:8px;flex-wrap:wrap}.vaspitac-root .dn-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:12px;border:1px solid transparent;font-size:15px}.vaspitac-root .dn-chip b,:root[data-theme=dark] .vaspitac-root .dn-chip b{font-size:20px;line-height:1}.vaspitac-root .dn-chip.g5{background:var(--ok-soft);border-color:var(--ok-border)}.vaspitac-root .dn-chip.g5 b{color:var(--ok-text)}.vaspitac-root .dn-chip.g4{background:var(--cat-teal-soft);border-color:var(--cat-teal-border)}.vaspitac-root .dn-chip.g4 b{color:var(--cat-teal-text)}.vaspitac-root .dn-chip.g3{background:var(--warn-soft);border-color:var(--warn-border)}.vaspitac-root .dn-chip.g3 b{color:var(--warn-text)}.vaspitac-root .dn-chip.g2{background:var(--cat-orange-soft);border-color:var(--cat-orange-border)}.vaspitac-root .dn-chip.g2 b{color:var(--cat-orange-text)}.vaspitac-root .dn-chip.g1{background:var(--danger-soft);border-color:var(--danger-border)}.vaspitac-root .dn-chip.g1 b{color:var(--danger-text)}.vaspitac-root .dn-chip.zakljucna{border-width:2px;border-style:solid;border-color:var(--warn);box-shadow:0 0 0 2px color-mix(in srgb,var(--warn) 15%,transparent)}.vaspitac-root .dn-chip-btn{border:none;background:transparent;cursor:pointer;font-size:16px;padding:2px 5px;line-height:1;opacity:.75;transition:opacity .12s,transform .12s;border-radius:var(--r-sm)}.vaspitac-root .dn-chip-btn:hover{opacity:1;transform:scale(1.15)}.vaspitac-root .dn-chip-btn.edit,.vaspitac-root .dn-chip-btn.edit *{color:var(--brand)}.vaspitac-root .dn-chip-btn.del,.vaspitac-root .dn-chip-btn.del *{color:var(--danger)}.vaspitac-root .dn-chip.editing{background:var(--cat-orange-soft);border:1px solid var(--cat-orange-border);gap:4px;flex-wrap:wrap;max-width:100%;box-sizing:border-box}.vaspitac-root .dn-chip.editing select{padding:3px 4px;border-radius:8px;border:1px solid var(--border-strong);font-size:13px}.vaspitac-root .dn-error{background:var(--danger-soft);border:1px solid var(--danger-border);border-radius:var(--r-md);padding:10px 14px;font-size:14px;font-weight:600}.vaspitac-root .dn-error,.vaspitac-root .dn-error *{color:var(--danger-text)}.vaspitac-root .dn-readonly-banner{background:var(--warn-soft);border:1px solid var(--warn-border);border-radius:var(--r-md);padding:10px 14px;margin-bottom:12px;font-size:14px;font-weight:700;color:var(--warn-text)}.vaspitac-root .dn-sifarnik{display:grid;gap:14px;max-width:760px}.vaspitac-root .dn-list{margin:10px 0 0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:6px}.vaspitac-root .dn-list li{background:var(--surface-2);border:1px solid var(--border);border-radius:8px;padding:4px 10px;font-size:13px;font-weight:600}.vaspitac-root .dn-filter-row{display:flex;gap:6px;margin-bottom:8px}.vaspitac-root .dn-filter-row select{flex:1;min-width:0;padding:9px 10px;border:1px solid var(--border-strong);border-radius:var(--r-md);font-size:14px}.vaspitac-root .dn-seg{flex:1;padding:9px 12px;border-radius:var(--r-md);border:1px solid var(--border-strong);background:var(--surface-2);font-size:14px;font-weight:700;cursor:pointer;transition:all .12s}.vaspitac-root .dn-seg,.vaspitac-root .dn-seg *{color:var(--text-2)}.vaspitac-root .dn-seg.active,:root[data-theme=dark] .vaspitac-root .dn-seg.active{background:var(--brand);border-color:var(--brand)}.vaspitac-root .dn-seg.active,.vaspitac-root .dn-seg.active *,:root[data-theme=dark] .vaspitac-root .dn-seg.active,:root[data-theme=dark] .vaspitac-root .dn-seg.active *{color:var(--brand-contrast)}.vaspitac-root .dn-tabs{display:flex;gap:8px;flex-wrap:wrap}.vaspitac-root .dn-tab{display:inline-flex;align-items:center;gap:8px;padding:11px 20px;border-radius:12px 12px 0 0;border:1px solid var(--border-strong);border-bottom:none;background:var(--surface-2);font-size:15px;font-weight:700;cursor:pointer;transition:all .12s}.vaspitac-root .dn-tab,.vaspitac-root .dn-tab *{color:var(--text-2)}.vaspitac-root .dn-tab:hover{background:var(--surface-3)}.vaspitac-root .dn-tab.active,:root[data-theme=dark] .vaspitac-root .dn-tab.active{background:var(--brand);border-color:var(--brand)}.vaspitac-root .dn-tab.active,.vaspitac-root .dn-tab.active *,:root[data-theme=dark] .vaspitac-root .dn-tab.active,:root[data-theme=dark] .vaspitac-root .dn-tab.active *{color:var(--brand-contrast)}.vaspitac-root .dn-tab-badge{background:color-mix(in srgb,var(--brand-contrast) 25%,transparent);border-radius:var(--r-pill);padding:2px 10px;font-size:13px;font-weight:800}.vaspitac-root .dn-tab:not(.active) .dn-tab-badge{background:color-mix(in srgb,var(--text-2) 15%,transparent)}.vaspitac-root .dn-collapse-head{display:flex;align-items:center;gap:10px;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:8px;padding:2px 4px;flex-wrap:wrap}.vaspitac-root .dn-collapse-head:hover{background:var(--surface-2)}.vaspitac-root .dn-collapse-arrow,:root[data-theme=dark] .vaspitac-root .dn-collapse-arrow{font-size:16px;color:var(--brand);width:18px;flex:0 0 18px}.vaspitac-root .dn-collapse-title{font-weight:800;font-size:16px}.vaspitac-root .dn-collapse-right{margin-left:auto;display:flex;align-items:center;gap:8px;flex-wrap:wrap;cursor:default}.vaspitac-root .dn-collapse-body{margin-top:8px}.vaspitac-root .dn-table-wrap{overflow-x:auto;margin-top:10px}.vaspitac-root .dn-table{width:100%;border-collapse:collapse;font-size:14px}.vaspitac-root .dn-table th{text-align:left;padding:10px 12px;background:var(--surface-2);border-bottom:2px solid var(--border-strong);font-size:13px;white-space:nowrap}.vaspitac-root .dn-table td{padding:8px 12px;border-bottom:1px solid var(--border);vertical-align:middle}.vaspitac-root .dn-table tbody tr:hover td{background:var(--surface-2)}.vaspitac-root .dn-td-predmet{font-weight:700;white-space:nowrap}.vaspitac-root .dn-td-prosek{font-weight:800;text-align:center;white-space:nowrap}.vaspitac-root .dn-add-btn{width:34px;height:34px;border-radius:var(--r-md);border:1px dashed var(--border-strong);background:transparent;font-size:18px;font-weight:800;cursor:pointer;transition:all .12s;line-height:1}.vaspitac-root .dn-add-btn,:root[data-theme=dark] .vaspitac-root .dn-add-btn{color:var(--brand)}.vaspitac-root .dn-add-btn:hover{background:var(--brand-soft);border-color:var(--brand);border-style:solid}.vaspitac-root .dn-izo-sums{display:flex;gap:8px;flex-wrap:wrap}.vaspitac-root .dn-badge{padding:4px 12px;border-radius:var(--r-pill);font-weight:800;font-size:14px;border:1px solid transparent;white-space:nowrap}.vaspitac-root .dn-badge.ok{background:var(--ok-soft);border-color:var(--ok-border)}.vaspitac-root .dn-badge.ok,.vaspitac-root .dn-badge.ok *{color:var(--ok-text)}.vaspitac-root .dn-badge.bad{background:var(--danger-soft);border-color:var(--danger-border)}.vaspitac-root .dn-badge.bad,.vaspitac-root .dn-badge.bad *{color:var(--danger-text)}.vaspitac-root .dn-badge.warn{background:var(--warn-soft);border-color:var(--warn-border)}.vaspitac-root .dn-badge.warn,.vaspitac-root .dn-badge.warn *{color:var(--warn-text)}.vaspitac-root .dn-badge.sum{background:var(--brand-soft);border-color:var(--brand-border)}.vaspitac-root .dn-badge.sum,.vaspitac-root .dn-badge.sum *{color:var(--info-text)}.vaspitac-root .dn-izo-list{margin-top:12px;display:flex;flex-direction:column;gap:6px}.vaspitac-root .dn-izo-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:8px 12px;border-radius:var(--r-md);border:1px solid var(--border);border-left-width:4px;font-size:14px}.vaspitac-root .dn-izo-row.opravdan{border-left-color:var(--ok)}.vaspitac-root .dn-izo-row.neopravdan{border-left-color:var(--danger)}.vaspitac-root .dn-izo-row.neregulisan{border-left-color:var(--warn)}.vaspitac-root .dn-izo-row select{padding:5px 8px;border-radius:8px;border:1px solid var(--border-strong);font-size:13px}.vaspitac-root .dn-izo-datum,.vaspitac-root .dn-izo-casovi{font-weight:700;white-space:nowrap}.vaspitac-root .dn-verzija{margin-top:8px;padding-top:8px;border-top:1px dashed var(--border-strong)}.vaspitac-root .dn-field{display:flex;flex-direction:column;min-width:0}.vaspitac-root .dn-field>label,:root[data-theme=dark] .vaspitac-root .dn-field>label{font-size:13px;font-weight:700;margin-bottom:5px;color:var(--text-2)}.vaspitac-root .dn-field input,.vaspitac-root .dn-field select,.vaspitac-root .dn-field textarea{padding:11px 12px;border:1.5px solid var(--border-strong);border-radius:var(--r-md);font-size:14px;outline:none;transition:border-color .15s,box-shadow .15s}.vaspitac-root .dn-field textarea{resize:vertical}.vaspitac-root .dn-field input:focus,.vaspitac-root .dn-field select:focus,.vaspitac-root .dn-field textarea:focus{border-color:var(--brand);box-shadow:var(--focus)}.vaspitac-root .dn-grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(max-width:560px){.vaspitac-root .dn-grid2{grid-template-columns:1fr}}.vaspitac-root .dn-modal{background:var(--surface);border-radius:18px;padding:22px 24px;width:100%;max-width:min(720px,calc(100vw - 24px));max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-3);position:relative;box-sizing:border-box;min-width:0}.vaspitac-root .dn-modal h3{margin:0 0 14px;font-size:19px}.vaspitac-root .dn-close{position:absolute;top:12px;right:14px;border:none;background:var(--surface-2);width:34px;height:34px;border-radius:var(--r-md);font-size:17px;cursor:pointer;line-height:1}.vaspitac-root .dn-close,.vaspitac-root .dn-close *{color:var(--text-2)}.vaspitac-root .dn-week-nav{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:14px 0}.vaspitac-root .dn-week-range{font-weight:800;font-size:15px;padding:6px 14px;border-radius:var(--r-pill);background:var(--brand-soft);border:1px solid var(--brand-border)}.vaspitac-root .dn-week-range,.vaspitac-root .dn-week-range *{color:var(--info-text)}.vaspitac-root .dn-days{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}.vaspitac-root .dn-day{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:12px;min-height:130px;box-shadow:var(--shadow-1)}.vaspitac-root .dn-day.today{border:2px solid var(--brand);box-shadow:var(--focus)}.vaspitac-root .dn-day-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;font-weight:800;font-size:14px}.vaspitac-root .dn-day-date,:root[data-theme=dark] .vaspitac-root .dn-day-date{font-size:12px;font-weight:700;padding:2px 8px;border-radius:var(--r-pill);background:var(--surface-2);color:var(--text-2)}.vaspitac-root .dn-smena{background:var(--brand-soft);border-left:4px solid var(--brand);border-radius:var(--r-md);padding:8px 10px;margin-bottom:8px}.vaspitac-root .dn-smena-ime{font-weight:700;font-size:13.5px}.vaspitac-root .dn-smena-vreme{font-size:13px;font-weight:600}.vaspitac-root .dn-pill{display:inline-block;padding:3px 10px;border-radius:var(--r-pill);font-size:12.5px;font-weight:700;background:var(--brand-soft);border:1px solid var(--brand-border)}.vaspitac-root .dn-pill,.vaspitac-root .dn-pill *{color:var(--info-text)}.vaspitac-root .dn-smena{cursor:grab;position:relative;transition:opacity .12s,transform .12s}.vaspitac-root .dn-smena:active{cursor:grabbing}.vaspitac-root .dn-smena.dragging{opacity:.45;transform:scale(.97)}.vaspitac-root .dn-day.dragover{outline:2px dashed var(--brand);outline-offset:-2px;background:var(--brand-soft)}.vaspitac-root .dn-stampa{display:flex;flex-direction:column;gap:16px;width:100%}.vaspitac-root .dn-stampa-controls{display:flex;gap:18px;flex-wrap:wrap;align-items:flex-end;margin-bottom:12px}.vaspitac-root .dn-stampa-head{text-align:center;margin-bottom:14px;padding-bottom:12px;border-bottom:3px solid var(--brand)}.vaspitac-root .dn-stampa-ustanova{font-weight:800;font-size:18px;letter-spacing:.4px;color:var(--text)}.vaspitac-root .dn-stampa-naslov{font-weight:700;font-size:15px;margin-top:4px;color:var(--info-text)}.vaspitac-root .dn-table th.dn-num,.vaspitac-root .dn-table td.dn-num{text-align:center;white-space:nowrap}.vaspitac-root .dn-table tr.dn-red-sekcija.dn-red-sekcija td{background:var(--brand-soft);font-size:14.5px}.vaspitac-root .dn-table tr.dn-red-sekcija td,.vaspitac-root .dn-table tr.dn-red-sekcija td *{color:var(--info-text)}.vaspitac-root .dn-table tr.dn-red-medjuzbir.dn-red-medjuzbir td{background:var(--surface-2);border-top:2px solid var(--border-strong)}.vaspitac-root .dn-table tr.dn-red-medjuzbir td,.vaspitac-root .dn-table tr.dn-red-medjuzbir td *{color:var(--text)}.vaspitac-root .dn-table tr.dn-red-ukupno.dn-red-ukupno td{background:var(--dn-ukupno-bg);border-top:3px solid var(--brand);font-size:15px}.vaspitac-root .dn-table tr.dn-red-ukupno td,.vaspitac-root .dn-table tr.dn-red-ukupno td *{color:var(--info-text)}.vaspitac-root .dn-prosek-chip{display:inline-block;min-width:56px;padding:3px 12px;border-radius:var(--r-pill);font-weight:800;font-size:13.5px;text-align:center;white-space:nowrap}.vaspitac-root .dn-prosek-chip.odl{background:var(--ok-soft);border:1px solid var(--ok-border)}.vaspitac-root .dn-prosek-chip.odl,.vaspitac-root .dn-prosek-chip.odl *{color:var(--ok-text)}.vaspitac-root .dn-prosek-chip.vd{background:var(--brand-soft);border:1px solid var(--brand-border)}.vaspitac-root .dn-prosek-chip.vd,.vaspitac-root .dn-prosek-chip.vd *{color:var(--info-text)}.vaspitac-root .dn-prosek-chip.dob{background:var(--warn-soft);border:1px solid var(--warn-border)}.vaspitac-root .dn-prosek-chip.dob,.vaspitac-root .dn-prosek-chip.dob *{color:var(--warn-text)}.vaspitac-root .dn-prosek-chip.slab{background:var(--danger-soft);border:1px solid var(--danger-border)}.vaspitac-root .dn-prosek-chip.slab,.vaspitac-root .dn-prosek-chip.slab *{color:var(--danger-text)}.vaspitac-root .dn-ocene-wrap{container-type:inline-size;container-name:ocene;overflow-x:visible}@container ocene (max-width: 1050px){.vaspitac-root .dn-ocene thead{display:none}.vaspitac-root .dn-ocene,.vaspitac-root .dn-ocene tbody{display:block;width:100%}.vaspitac-root .dn-ocene tbody tr{display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"predmet predmet" "p1 t1" "p1 pol" "p2 t2" "p2 kraj" "prosek prosek";gap:8px;border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface);padding:12px;margin-bottom:12px;box-shadow:var(--shadow-1)}.vaspitac-root .dn-ocene tbody td{border-bottom:none;border-radius:var(--r-md);background:var(--surface-2);padding:8px 10px}.vaspitac-root .dn-ocene tbody tr:hover td{background:var(--surface-2)}.vaspitac-root .dn-ocene tbody tr td:nth-child(1){grid-area:predmet;background:transparent;padding:0 0 2px;font-size:16px;white-space:normal}.vaspitac-root .dn-ocene td:nth-child(2){grid-area:p1}.vaspitac-root .dn-ocene td:nth-child(3){grid-area:t1}.vaspitac-root .dn-ocene td:nth-child(4){grid-area:pol}.vaspitac-root .dn-ocene td:nth-child(5){grid-area:p2}.vaspitac-root .dn-ocene td:nth-child(6){grid-area:t2}.vaspitac-root .dn-ocene td:nth-child(7){grid-area:kraj}.vaspitac-root .dn-ocene td.dn-td-prosek{grid-area:prosek;display:flex;align-items:center;gap:10px;text-align:left;font-size:16px;background:var(--brand-soft)}.vaspitac-root .dn-ocene td.dn-td-prosek,.vaspitac-root .dn-ocene td.dn-td-prosek *{color:var(--info-text)}.vaspitac-root .dn-ocene td[data-label]:before{content:attr(data-label);display:block;font-size:12px;font-weight:800;color:var(--text-2);margin-bottom:6px;white-space:normal}.vaspitac-root .dn-ocene td.dn-td-prosek:before{margin-bottom:0;font-size:14px;color:inherit}}@container ocene (max-width: 620px){.vaspitac-root .dn-ocene tbody tr{grid-template-columns:1fr;grid-template-areas:"predmet" "p1" "t1" "pol" "p2" "t2" "kraj" "prosek"}.vaspitac-root .dn-ocene tbody td{padding:10px 12px}.vaspitac-root .dn-grades{gap:10px}}@media(max-width:700px){.vaspitac-root .dn-students{flex-direction:row;overflow-x:auto;overflow-y:hidden;max-height:none;gap:8px;padding:2px 2px 8px;-webkit-overflow-scrolling:touch}.vaspitac-root .dn-student{flex:0 0 auto;width:auto;max-width:min(240px,78vw);min-height:44px;border-color:var(--border);background:var(--surface-2)}}@media(max-width:480px){.vaspitac-root .dn-search,.vaspitac-root .dn-field input,.vaspitac-root .dn-field select,.vaspitac-root .dn-field textarea,.vaspitac-root .dn-form-row select,.vaspitac-root .dn-form-row input,.vaspitac-root .dn-filter-row select,.vaspitac-root .dn-izo-row select,.vaspitac-root .dn-izo-row input,.vaspitac-root .dn-chip.editing select,.vaspitac-root .dn-chip.editing input{font-size:16px}.vaspitac-root .dn-search,.vaspitac-root .dn-field input,.vaspitac-root .dn-field select,.vaspitac-root .dn-form-row select,.vaspitac-root .dn-form-row input,.vaspitac-root .dn-filter-row select,.vaspitac-root .dn-izo-row select,.vaspitac-root .dn-izo-row input,.vaspitac-root .dn-btn,.vaspitac-root .dn-seg,.vaspitac-root .dn-tab,.vaspitac-root .dn-upis{min-height:44px;box-sizing:border-box}.vaspitac-root .dn-chip-btn{min-width:36px;min-height:44px;padding:2px 8px}.vaspitac-root .dn-add-btn,.vaspitac-root .dn-close{width:44px;height:44px}.vaspitac-root .dn-form-row>*{min-width:0;max-width:100%}.vaspitac-root .dn-form-row select{flex:1 1 auto}.vaspitac-root .dn-filter-row{flex-wrap:wrap}.vaspitac-root .dn-stampa .dn-btn{width:100%}.vaspitac-root .dn-week-nav .dn-btn{flex:1 1 auto}.modal-overlay:has(>.dn-modal){place-items:end center;padding:0}.vaspitac-root .dn-modal{width:100vw;max-width:100vw;max-height:92dvh;border-radius:16px 16px 0 0;padding:20px 16px calc(18px + env(safe-area-inset-bottom,0px));box-shadow:0 -12px 40px var(--overlay)}}@media(max-width:700px){.vaspitac-root .dnevnik{gap:12px;min-width:0;max-width:100%}.vaspitac-root .dn-side{padding:10px;min-width:0}.vaspitac-root .dn-tabs{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:6px;padding-bottom:2px}.vaspitac-root .dn-tabs::-webkit-scrollbar{display:none}.vaspitac-root .dn-tab{flex:0 0 auto;white-space:nowrap;min-height:44px;padding:10px 16px;border-radius:12px;border-bottom:1px solid var(--border-strong)}.vaspitac-root .dn-tab.active,:root[data-theme=dark] .vaspitac-root .dn-tab.active{border-bottom-color:var(--brand)}.vaspitac-root .dn-card{padding:12px}.vaspitac-root .dn-card h3{font-size:18px}}@media(max-width:560px){.vaspitac-root .dn-form-row{flex-direction:column}.vaspitac-root .dn-form-row>*{box-sizing:border-box}.vaspitac-root .dn-form-row>.dn-muted{text-align:center}.vaspitac-root .dn-upis{width:100%;text-align:left;border-radius:12px;box-sizing:border-box}.vaspitac-root .dn-predmet-head{flex-wrap:wrap}.vaspitac-root .dn-card .dn-btn{width:100%;min-height:44px;box-sizing:border-box}.vaspitac-root .dn-izo-row{padding:10px 12px;row-gap:6px}.vaspitac-root .dn-izo-row>input,.vaspitac-root .dn-izo-row>select{flex:1 1 100%;width:100%;min-width:0;box-sizing:border-box}.vaspitac-root .dn-izo-row select{min-height:44px}.vaspitac-root .dn-izo-row>span{min-width:0;overflow-wrap:anywhere}.vaspitac-root .dn-izo-datum{white-space:normal}.vaspitac-root .dn-chip.editing{width:100%}.vaspitac-root .dn-chip.editing input[type=date]{width:auto;flex:1 1 130px;min-width:0;box-sizing:border-box}.vaspitac-root .dn-chip.editing select{flex:1 1 auto;min-width:0;min-height:40px}}.vaspitac-root .dn-presence-wrap{position:relative;flex:0 0 auto;display:inline-flex}.vaspitac-root .dn-presence-dot{position:absolute;right:-1px;bottom:-1px;width:11px;height:11px;border-radius:50%;border:2px solid var(--surface);box-sizing:border-box;pointer-events:none}.vaspitac-root .dn-presence-dot.in{background:var(--ok)}.vaspitac-root .dn-presence-dot.out{background:var(--danger)}.vaspitac-root .dn-presence-wrap:has(.dn-avatar.lg) .dn-presence-dot{width:14px;height:14px;right:1px;bottom:1px}@media(max-width:480px){.vaspitac-root .dn-field input,.vaspitac-root .dn-field select,.vaspitac-root .dn-field textarea,.vaspitac-root .dn-form-row input,.vaspitac-root .dn-form-row select,.vaspitac-root .dn-search{font-size:16px}}.dn-redosled{display:inline-flex;align-items:center;gap:0;margin-right:6px;vertical-align:middle;white-space:nowrap}.dn-redosled .dn-chip-btn{font-size:11px;padding:2px 3px}.dn-redosled .dn-chip-btn:disabled{opacity:.2;cursor:default}.dn-vuci{cursor:grab;opacity:.55;padding:0 3px;-webkit-user-select:none;user-select:none;font-size:15px}.dn-vuci:active{cursor:grabbing}.dn-red-vucen{opacity:.45;outline:2px dashed var(--brand);outline-offset:-2px}}@layer overrides{@media(max-width:560px){.vaspitac-root .dn-form-row{align-items:stretch}.vaspitac-root .dn-form-row>*{flex:0 0 auto;width:100%;min-width:0;max-width:100%}.vaspitac-root .dn-form-row>.dn-muted{width:auto}}}@layer components{.dnevnik .dn-ico{vertical-align:-.2em;flex-shrink:0}.dnevnik.dnevnik .dn-mt-0{margin-top:0}.dnevnik.dnevnik .dn-mt-6{margin-top:6px}.dnevnik.dnevnik .dn-mt-8{margin-top:8px}.dnevnik.dnevnik .dn-mt-10{margin-top:10px}.dnevnik.dnevnik .dn-mt-12{margin-top:12px}.dnevnik.dnevnik .dn-mb-8{margin-bottom:8px}.dnevnik.dnevnik .dn-mb-10{margin-bottom:10px}.dnevnik.dnevnik .dn-mb-14{margin-bottom:14px}.dnevnik.dnevnik .dn-ml-4{margin-left:4px}.dnevnik.dnevnik .dn-ml-6{margin-left:6px}.dnevnik.dnevnik .dn-m-0{margin:0}.dnevnik.dnevnik .dn-p-8{padding:8px}.dnevnik.dnevnik .dn-p-12{padding:12px}.dnevnik.dnevnik .dn-fw-400{font-weight:400}.dnevnik.dnevnik .dn-fw-700{font-weight:700}.dnevnik.dnevnik .dn-fw-800{font-weight:800}.dnevnik.dnevnik .dn-fs-20{font-size:20px}.dnevnik.dnevnik .dn-pre{white-space:pre-wrap}.dnevnik.dnevnik .dn-block{display:block}.dnevnik.dnevnik .dn-form-row.dn-ai-end{align-items:flex-end}.dnevnik.dnevnik .dn-flex-120{flex:1 1 120px}.dnevnik.dnevnik .dn-flex-220{flex:1 1 220px}.dnevnik.dnevnik .dn-flex-240{flex:1 1 240px}.dnevnik.dnevnik .dn-flex-260{flex:1 1 260px}.dnevnik.dnevnik .dn-minw-180{min-width:180px}.dnevnik .dn-w-64{width:64px}.dnevnik .dn-minw-160{min-width:160px}.dnevnik .dn-w-118{width:118px}.dnevnik.dnevnik .dn-minh-44{min-height:44px}.dnevnik .dn-prosek-polje{display:flex;gap:4px}.dnevnik.dnevnik .dn-prosek-polje>input{min-width:0;flex:1}.dnevnik.dnevnik .dn-prosek-label{display:block;font-weight:700;margin-bottom:4px}.dnevnik .dn-field input.dn-ro-plain{background:transparent;cursor:default}.dnevnik .dn-field input.dn-cursor-default{cursor:default}.dnevnik.dnevnik .dn-li-input{min-height:44px;min-width:0;flex:1 1 200px}.dnevnik.dnevnik .dn-li-input-num{width:64px;min-height:44px;margin-left:4px}.dnevnik .dn-btn-row{display:flex;gap:8px}.dnevnik .dn-btn-row--wrap{flex-wrap:wrap}.dnevnik.dnevnik .dn-sifarnik-toggle{width:100%;margin-bottom:10px}.dnevnik .dn-student-txt{min-width:0}.dnevnik.dnevnik .dn-upis-del{margin-left:8px;cursor:pointer}.dnevnik .dn-pitaj{margin-top:10px;padding:12px 14px;border-radius:10px;border:1.5px solid var(--warn);background:var(--warn-soft)}.dnevnik .dn-info-ok{font-weight:700;color:var(--ok-text);margin-bottom:8px}.dnevnik.dnevnik .dn-izo-row.dn-izo-info{border-left-color:var(--info)}.dnevnik.dnevnik .dn-izo-row.dn-izo-col{flex-direction:column;align-items:stretch}.dnevnik .dn-rad-head{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.dnevnik .dn-rad-actions{margin-left:auto;display:flex;gap:4px}.dnevnik.dnevnik .dn-badge-block{margin-bottom:8px;display:inline-block}}@layer components{.anomalije-ucenika .dn-card.anm-mb14{margin-bottom:14px}.anomalije-ucenika .dn-error.anm-mb10{margin-bottom:10px}.vaspitac-root .anomalije-ucenika .dn-table-wrap.anm-mt0{margin-top:0}.anomalije-ucenika .anm-ib{display:inline-flex;align-items:center;justify-content:center;gap:6px}.anomalije-ucenika .anm-ib svg{flex:0 0 auto}.anomalije-ucenika .anm-stats{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.vaspitac-root .anomalije-ucenika .dn-form-row .dn-search.anm-search{margin-bottom:0;flex:1 1 180px;width:auto}.vaspitac-root .anomalije-ucenika td.anm-b{font-weight:700}.vaspitac-root .anomalije-ucenika td.anm-dot{font-size:16px}.vaspitac-root .anomalije-ucenika td.anm-nw{white-space:nowrap}.vaspitac-root .anomalije-ucenika td.anm-opis{min-width:min(220px,100%)}}@layer components{.vaspitac-root .dn-stampa svg.lucide{vertical-align:-.2em;flex-shrink:0}.vaspitac-root .dn-stampa .st-ico-row{display:flex;align-items:center;gap:6px}.vaspitac-root .dn-stampa .dn-filter-row.st-wrap{flex-wrap:wrap}.vaspitac-root .dn-stampa .st-check{display:inline-flex;align-items:center;gap:8px;margin-top:8px;cursor:pointer;min-height:44px}.vaspitac-root .dn-stampa .st-check input[type=checkbox]{width:20px;height:20px}.vaspitac-root .dn-stampa .st-akcije{display:flex;gap:10px;align-items:center;margin-top:12px;flex-wrap:wrap}.vaspitac-root .dn-stampa .st-mt10{margin-top:10px}.vaspitac-root .dn-stampa .st-mt14{margin-top:14px}.vaspitac-root .dn-stampa .st-mt6{margin-top:6px}.vaspitac-root .dn-stampa .st-mb16{margin-bottom:16px}.vaspitac-root .dn-stampa .st-wrap-any{overflow-wrap:anywhere}.vaspitac-root .dn-stampa .st-mb18{margin-bottom:18px}.vaspitac-root .dn-stampa .st-mb26{margin-bottom:26px}.vaspitac-root .dn-stampa .st-h4{margin:8px 0}.vaspitac-root .dn-stampa .dn-table-wrap.st-mt0{margin-top:0}.vaspitac-root .dn-stampa .st-bold{font-weight:700}.vaspitac-root .dn-stampa .st-dist{flex:1 1 280px}.vaspitac-root .dn-stampa .st-dist-row{display:flex;gap:14px;flex-wrap:wrap;margin-top:12px}.vaspitac-root .dn-stampa select.st-sel{max-width:min(340px,100%)}.vaspitac-root .dn-stampa .dn-table td.st-indent{padding-left:26px}}@layer components{.pedagog-root .vaspitac-sidebar .sb-bottom{margin-top:auto;padding:12px}.pedagog-root .vaspitac-sidebar .sb-bottom .theme-switcher,.pedagog-root .vaspitac-sidebar .sb-bottom .profile-btn,.pedagog-root .vaspitac-sidebar .sb-bottom .logout-btn,.pedagog-root .mobile-menu .logout-btn{gap:6px;width:100%;padding:10px 12px}.pedagog-root .vaspitac-sidebar .sb-bottom .theme-switcher{margin-bottom:8px;border-radius:8px;background:var(--surface);color:var(--info-text);border:1px solid var(--brand-border);font-weight:600}.pedagog-root .vaspitac-sidebar .sb-bottom .profile-btn{margin-bottom:8px;height:auto;font-weight:700;background:var(--brand);color:var(--text-inverse);border:none;border-radius:8px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.pedagog-root .vaspitac-sidebar .sb-bottom .logout-btn,.pedagog-root .mobile-menu .logout-btn{background:var(--danger);color:var(--text-inverse);border:none;border-radius:6px}.pedagog-root .vaspitac-sidebar.collapsed .sb-bottom .theme-switcher,.pedagog-root .vaspitac-sidebar.collapsed .sb-bottom .profile-btn,.pedagog-root .vaspitac-sidebar.collapsed .sb-bottom .logout-btn{width:44px;height:44px;padding:0;border-radius:8px}.pedagog-root .ped-ah-left{display:flex;align-items:center;gap:8px}.pedagog-root .ped-title{margin:0;display:inline-flex;align-items:center;gap:8px}.pedagog-root .ped-gap{height:8px}.pedagog-root .ped-mobile-bottom,.pedagog-root .ped-card-pad{padding:12px}.vaspitac-root .pedagog-zaposleni .pz-mb14{margin-bottom:14px}.vaspitac-root .pedagog-zaposleni .pz-mb0{margin-bottom:0}.vaspitac-root .pedagog-zaposleni .pz-mb10{margin-bottom:10px}.vaspitac-root .pedagog-zaposleni .pz-mt10{margin-top:10px}.vaspitac-root .pedagog-zaposleni .pz-mt12{margin-top:12px}.vaspitac-root .pedagog-zaposleni .pz-person{display:inline-flex;align-items:center;gap:10px}.vaspitac-root .pedagog-zaposleni .pz-ico-btn,.vaspitac-root .pedagog-zaposleni .pz-h3{display:inline-flex;align-items:center;gap:6px}.vaspitac-root .pedagog-zaposleni .pz-submit{margin-top:14px;width:100%;display:inline-flex;align-items:center;justify-content:center;gap:6px}.vaspitac-root .pedagog-raspored svg.lucide{vertical-align:-.2em;flex-shrink:0}.vaspitac-root .pedagog-raspored .pr-ico-row{display:flex;align-items:center;gap:6px}.vaspitac-root .pedagog-raspored .pr-form{margin-bottom:16px}.vaspitac-root .pedagog-raspored .pr-form-row{align-items:flex-end}.vaspitac-root .pedagog-raspored .pr-field-radnik{min-width:0;max-width:100%;flex:1 1 220px}.vaspitac-root .pedagog-raspored .pr-field-napomena{flex:1 1 180px}.vaspitac-root .pedagog-raspored .pr-info{margin-bottom:10px;padding:8px 12px}.vaspitac-root .pedagog-raspored .pr-mb10{margin-bottom:10px}.vaspitac-root .pedagog-raspored .uv-modal{max-width:min(1200px,calc(100vw - 24px));width:100%}.vaspitac-root .pedagog-raspored .uv-ico-row{display:flex;align-items:center;gap:6px}.vaspitac-root .pedagog-raspored .uv-mb4{margin-bottom:4px}.vaspitac-root .pedagog-raspored .uv-mb6{margin-bottom:6px}.vaspitac-root .pedagog-raspored .uv-mb8{margin-bottom:8px}.vaspitac-root .pedagog-raspored .uv-mb10{margin-bottom:10px}.vaspitac-root .pedagog-raspored .uv-izvor{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:8px}.vaspitac-root .pedagog-raspored .uv-file-btn{cursor:pointer}.vaspitac-root .pedagog-raspored .uv-hidden{display:none}.vaspitac-root .pedagog-raspored textarea.uv-paste{flex:1 1 240px;box-sizing:border-box;font-family:var(--font-mono);font-size:12px;min-height:36px}.vaspitac-root .pedagog-raspored .uv-nemapirano{color:var(--danger-text)}.vaspitac-root .pedagog-raspored .uv-nedelja-nav{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin-bottom:6px}.vaspitac-root .pedagog-raspored .uv-scroll{overflow:auto;max-height:48vh;margin-bottom:10px}.vaspitac-root .pedagog-raspored table.uv-table{border-collapse:collapse;width:100%}.vaspitac-root .pedagog-raspored .uv-table th,.vaspitac-root .pedagog-raspored .uv-table td{border:1px solid var(--border-strong);padding:4px 6px;font-size:12px}.vaspitac-root .pedagog-raspored .uv-table th{white-space:nowrap;position:sticky;top:0;background:var(--dn-card-bg, var(--surface-2))}.vaspitac-root .pedagog-raspored .uv-table td{vertical-align:top;min-width:96px}.vaspitac-root .pedagog-raspored .uv-table tr.uv-nepoznat{background:var(--danger-soft)}.vaspitac-root .pedagog-raspored select.uv-sel{max-width:200px}.vaspitac-root .pedagog-raspored .uv-edit{display:flex;flex-direction:column;gap:3px;padding:3px;border:1px dashed var(--brand);border-radius:6px;margin-bottom:3px}.vaspitac-root .pedagog-raspored .uv-edit-novo{border-color:var(--ok);margin-bottom:0}.vaspitac-root .pedagog-raspored .uv-row{display:flex;gap:3px}.vaspitac-root .pedagog-raspored input.uv-mali{font-size:12px;padding:2px 4px;width:62px}.vaspitac-root .pedagog-raspored input.uv-mali.uv-full{width:100%}.vaspitac-root .pedagog-raspored .uv-smena{white-space:nowrap;cursor:pointer}.vaspitac-root .pedagog-raspored .uv-oznaka{font-style:italic}.vaspitac-root .pedagog-raspored .uv-dim{opacity:.45}.vaspitac-root .pedagog-raspored .uv-dodaj{opacity:.5;margin-top:2px}.vaspitac-root .pedagog-raspored .uv-check{display:block}.vaspitac-root .pedagog-raspored .uv-footer{display:flex;gap:8px;justify-content:flex-end}}@layer components{.vk-root{display:flex;flex-direction:column;gap:12px;width:100%;min-width:0;box-sizing:border-box}.vk-vrh{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.vk-nav{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.vk-vikend-naslov{font-size:17px;font-weight:700;padding:6px 10px}.vk-btn{background:var(--brand);color:var(--brand-contrast);border:none;border-radius:8px;padding:8px 14px;font-weight:700;cursor:pointer;font-size:15px}.vk-btn:hover{filter:brightness(1.08)}.vk-danas{background:var(--text-2);color:var(--text-inverse)}.vk-saving{font-weight:600;opacity:.75}.vk-banner{border-radius:var(--r-md);padding:10px 14px;font-size:15px;font-weight:600;border:1px solid transparent}.vk-ok{background:var(--ok-soft);border-color:var(--ok-border)}.vk-kasni{background:var(--cat-orange-soft);border-color:var(--cat-orange-border)}.vk-proslo{background:var(--surface-2);border-color:var(--border-strong)}.vk-greska{background:var(--danger-soft);border-color:var(--danger-border)}.vk-dodaj{display:flex;flex-direction:column;gap:8px}.vk-dodaj-labela{font-weight:700;font-size:15px}.vk-pretraga{width:100%;max-width:480px;box-sizing:border-box;padding:10px 14px;border-radius:var(--r-md);border:2px solid var(--border-strong);font-size:16px;background:inherit;color:inherit}.vk-pretraga:focus{outline:none;border-color:var(--brand)}.vk-kandidati{display:flex;flex-direction:column;gap:6px;max-width:480px}.vk-kandidat{display:flex;align-items:center;gap:10px;justify-content:space-between;text-align:left;background:var(--brand-soft);border:1px solid var(--brand-border);border-radius:var(--r-md);padding:9px 12px;cursor:pointer;font-size:15px;font-weight:600;color:inherit}.vk-kandidat:hover{background:var(--surface-3);border-color:var(--brand)}.vk-kandidat-akcija{color:var(--ok-text);font-weight:800;white-space:nowrap}.vk-sifra{font-family:var(--font-mono);opacity:.55;font-size:.85em;font-weight:500}.vk-info{opacity:.75;font-size:15px}.vk-prazno{padding:14px 4px}.vk-lista{display:flex;flex-direction:column;gap:10px;width:100%;min-width:0}.vk-red{border:1px solid var(--border);border-radius:12px;padding:10px 12px;display:flex;flex-direction:column;gap:10px;min-width:0;box-sizing:border-box;width:100%}.vk-naknadno{border-color:var(--cat-orange);background:var(--cat-orange-soft)}.vk-samo-pregled{opacity:.8}.vk-red-vrh{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.vk-ime{font-weight:800;font-size:16px}.vk-badge-kasni{background:var(--cat-orange-soft);border:1px solid var(--cat-orange-border);color:var(--cat-orange-text);border-radius:var(--r-pill);padding:2px 10px;font-size:12.5px;font-weight:700;white-space:nowrap}.vk-badge-tudji{background:var(--surface-3);border:1px solid var(--border-strong);border-radius:var(--r-pill);padding:2px 10px;font-size:12.5px;font-weight:700;white-space:nowrap}.vk-obrisi{margin-left:auto;background:var(--danger-soft);border:1px solid var(--danger-border);border-radius:8px;padding:5px 10px;cursor:pointer;font-size:15px}.vk-obrisi:hover{border-color:var(--danger)}.vk-obroci{display:grid;grid-template-columns:1fr 1fr;gap:10px;min-width:0}.vk-dan{border:1px solid var(--border);border-radius:var(--r-md);padding:8px 10px 10px;margin:0;min-width:0;display:flex;flex-wrap:wrap;gap:8px}.vk-dan legend{font-weight:800;font-size:13.5px;padding:0 6px}.vk-check{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--border);border-radius:var(--r-pill);padding:5px 12px;cursor:pointer;font-size:14px;font-weight:600;-webkit-user-select:none;user-select:none}.vk-check input{accent-color:var(--ok);width:17px;height:17px;cursor:pointer}.vk-check.on{background:var(--ok-soft);border-color:var(--ok-border)}.vk-check input:disabled{cursor:default}.vk-vremena{display:flex;gap:12px;flex-wrap:wrap}.vk-vremena label{display:flex;flex-direction:column;gap:4px;font-size:13px;font-weight:700;min-width:0}.vk-vremena input{padding:7px 10px;border-radius:8px;border:1px solid var(--border-strong);font-size:14px;background:inherit;color:inherit;max-width:100%;box-sizing:border-box}.vk-sume{border:2px solid var(--brand-border);background:var(--brand-soft);border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:10px}.vk-sume-naslov{font-weight:800;font-size:15px}.vk-sume-mreza{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px}.vk-suma{display:flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid var(--border);border-radius:var(--r-md);padding:8px 12px}.vk-suma-labela{font-size:13px;font-weight:600}.vk-suma-broj{font-size:18px;font-weight:800;font-variant-numeric:tabular-nums}@media(max-width:760px){.vk-obroci{grid-template-columns:1fr}.vk-vremena{flex-direction:column}.vk-vremena label,.vk-vremena input{width:100%}.vk-pretraga,.vk-kandidati{max-width:100%}}@media(max-width:480px){.vk-vremena input,.vk-pretraga,.vk-check{font-size:16px}.vk-vremena input{min-height:44px}}.vk-kandidati .vk-kandidat{color:inherit}.vk-red .vk-obrisi{color:var(--danger-text)}.vk-btn,.vk-obrisi,.vk-kandidat-akcija{display:inline-flex;align-items:center;justify-content:center;gap:6px}.vk-dodaj-labela{display:flex;align-items:center;gap:6px}.vk-btn svg,.vk-obrisi svg,.vk-kandidat-akcija svg,.vk-dodaj-labela svg{flex-shrink:0}.vk-btn.vk-btn-malo{padding:4px 12px;font-size:14px}}@layer components{.fin-grupa .fg-kartica{margin-bottom:14px}.fin-grupa .fg-zaglavlje{display:flex;gap:10px;flex-wrap:wrap;align-items:center;justify-content:space-between}.vaspitac-root .fin-grupa h3.fg-naslov{margin:0}.fin-grupa .fg-kontrole{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.fin-grupa .fg-godina{display:flex;align-items:center;gap:6px;font-weight:600}.fin-grupa .fg-h44{min-height:44px}.fin-grupa .fg-opis{margin-top:6px}.fin-grupa .fg-greska{margin-top:10px}.fin-grupa .fg-grupa-naslov{font-weight:800;margin-bottom:8px}.fin-grupa .fg-saldo{font-weight:700}.fin-grupa .fg-dug{color:var(--danger)}.fin-grupa .fg-pre{color:var(--ok)}.fin-grupa .fg-ukupno{font-weight:800}.fin-grupa .fg-ico{display:inline-block;vertical-align:-.2em;margin-right:6px}.fin-grupa .fg-godina .fg-ico{margin-right:0}}@layer components{.os-overlay,.op-root,.sd-tabela{--os-bg: var(--surface);--os-panel: var(--surface-2);--os-text: var(--text);--os-muted: var(--text-2);--os-border: var(--border);--os-accent: var(--brand);--os-accent-text: var(--brand-contrast);--os-hover: var(--surface-3);--os-rucno: var(--cat-orange-text);--os-rucno-bg: var(--cat-orange-soft);--os-dupli: var(--danger-text);--os-dupli-bg: var(--danger-soft);--os-ok: var(--ok-text)}.os-overlay.os-kiosk,.kiosk-root .sd-tabela{--os-bg: var(--kiosk-surface);--os-panel: var(--kiosk-surface-2);--os-text: var(--kiosk-text);--os-muted: var(--kiosk-text-2);--os-border: var(--kiosk-border);--os-accent: var(--kiosk-brand);--os-accent-text: var(--kiosk-brand-contrast);--os-hover: var(--kiosk-surface-3);--os-rucno: var(--kiosk-orange-text);--os-rucno-bg: var(--kiosk-orange-soft);--os-dupli: var(--kiosk-danger-text);--os-dupli-bg: var(--kiosk-danger-soft);--os-ok: var(--kiosk-ok-text)}.os-btn{min-height:40px;padding:6px 12px;border-radius:var(--r-md);border:1px solid var(--os-border);background:var(--os-bg);color:var(--os-text);font-size:14px;font-weight:700;cursor:pointer;white-space:nowrap}.os-btn:hover{background:var(--os-hover)}.os-btn:disabled{opacity:.55;cursor:not-allowed}.os-btn.on{background:var(--os-accent);border-color:var(--os-accent);color:var(--os-accent-text)}.os-zatvori{border-color:var(--os-dupli);color:var(--os-dupli)}.os-overlay{position:fixed;inset:0;z-index:3000;background:var(--overlay);display:flex;align-items:center;justify-content:center;padding:16px}.os-modal{width:min(1100px,100%);max-height:calc(100dvh - 32px);display:flex;flex-direction:column;background:var(--os-bg);color:var(--os-text);border:1px solid var(--os-border);border-radius:16px;box-shadow:var(--shadow-3);overflow:hidden}.os-vrh{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:12px 16px;border-bottom:1px solid var(--os-border)}.os-naslov{font-size:18px;font-weight:800}.os-akcije{display:flex;gap:6px;flex-wrap:wrap}.os-brojke{display:flex;gap:6px;flex-wrap:wrap;padding:10px 16px 0}.os-cip{padding:4px 10px;border-radius:var(--r-pill);background:var(--os-panel);border:1px solid var(--os-border);font-weight:700;font-size:14px}.os-cip-jak{background:var(--os-accent);border-color:var(--os-accent);color:var(--os-accent-text)}.os-cip-dodato{color:var(--os-rucno);background:var(--os-rucno-bg)}.os-cip-dupli{color:var(--os-dupli);background:var(--os-dupli-bg)}.os-alati{display:flex;gap:8px;flex-wrap:wrap;padding:10px 16px 0}.os-pretraga{flex:1 1 220px;min-height:40px;padding:6px 12px;border-radius:var(--r-md);border:1px solid var(--os-border);background:var(--os-bg);color:var(--os-text);font-size:15px}.os-sort{display:flex;gap:6px}.os-telo{overflow-y:auto;padding:12px 16px 16px;-webkit-overflow-scrolling:touch}.os-info{padding:10px 0;color:var(--os-muted);font-weight:600}.os-greska{color:var(--os-dupli)}.os-mreza{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px}.os-kartica{display:flex;align-items:center;gap:10px;padding:8px;border-radius:12px;background:var(--os-panel);border:1px solid var(--os-border);min-width:0}.os-kartica.rucno{border-color:var(--os-rucno)}.os-kartica.dupli{border-color:var(--os-dupli);background:var(--os-dupli-bg)}.os-slika{flex:0 0 auto;width:48px;height:48px;border-radius:50%;overflow:hidden;background:var(--os-hover);display:flex;align-items:center;justify-content:center;border:1px solid var(--os-border)}.os-slika img{width:100%;height:100%;object-fit:cover}.os-ini{font-weight:800;font-size:16px;color:var(--os-muted)}.os-kartica-tekst{min-width:0}.os-ime{font-weight:700;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.os-detalj{display:flex;gap:8px;align-items:center;font-size:13px;color:var(--os-muted)}.os-vreme{font-variant-numeric:tabular-nums}.os-badge-rucno{padding:1px 8px;border-radius:var(--r-pill);color:var(--os-rucno);background:var(--os-rucno-bg);font-weight:700}.os-dodato{margin-top:12px;padding:10px 12px;border-radius:12px;border:1px dashed var(--os-rucno);color:var(--os-rucno);background:var(--os-rucno-bg);font-weight:700}.os-dupli{margin-top:12px}.os-dupli-toggle{background:none;border:none;color:var(--os-dupli);font-weight:700;font-size:14px;cursor:pointer;padding:8px 0}.os-kiosk .os-modal{width:min(1400px,100%)}.os-kiosk .os-naslov{font-size:clamp(20px,3.4vmin,32px)}.os-kiosk .os-btn{min-height:56px;font-size:clamp(16px,2.4vmin,22px);padding:8px 18px}.os-kiosk .os-cip{font-size:clamp(15px,2.2vmin,20px)}.os-kiosk .os-mreza{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px}.os-kiosk .os-slika{width:64px;height:64px}.os-kiosk .os-ime{font-size:clamp(16px,2.3vmin,21px)}.os-kiosk .os-detalj{font-size:clamp(14px,2vmin,18px)}.os-kiosk .os-dupli-toggle{font-size:18px;min-height:48px}@media(max-width:600px){.os-overlay{padding:0}.os-modal{max-height:100dvh;height:100dvh;border-radius:0}.os-mreza{grid-template-columns:1fr}.os-naslov{font-size:16px}}.op-root{color:var(--os-text)}.op-vrh{display:flex;align-items:center;gap:10px 16px;flex-wrap:wrap;margin-bottom:6px}.op-naslov{margin:0;font-size:20px}.op-nav{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.op-datum{min-height:40px;padding:4px 10px;border-radius:var(--r-md);border:1px solid var(--os-border);background:var(--os-bg);color:var(--os-text);font-size:15px}.op-moji{display:inline-flex;gap:6px;align-items:center;font-weight:700;cursor:pointer}.op-moji input{width:18px;height:18px}.op-podnaslov{color:var(--os-muted);font-weight:600;margin-bottom:10px}.op-kartice{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.op-kartica{display:flex;flex-direction:column;align-items:center;gap:4px;padding:16px 12px;border-radius:16px;border:1px solid var(--os-border);background:var(--os-bg);color:var(--os-text);cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}.op-kartica:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-2)}.op-kartica:disabled{opacity:.6;cursor:default}.op-kartica-emoji{font-size:34px}.op-kartica-naziv{font-weight:800;font-size:17px}.op-kartica-broj{font-size:40px;font-weight:900;color:var(--os-accent);font-variant-numeric:tabular-nums;line-height:1.1}.op-kartica-sitno{font-size:13px;color:var(--os-muted)}.op-kartica-akcija{margin-top:4px;font-size:13px;font-weight:700;color:var(--os-accent)}.sd-tabela{border-collapse:collapse;color:var(--os-text);font-variant-numeric:tabular-nums}.sd-tabela th,.sd-tabela td{padding:4px 10px;border-bottom:1px solid var(--os-border);text-align:left;white-space:nowrap}.sd-tabela th{font-size:.85em;color:var(--os-muted);font-weight:700}.sd-tabela .sd-num{text-align:center}.sd-tabela .sd-prisutno{color:var(--os-ok);font-weight:800}.sd-tabela .sd-odsutno{color:var(--os-muted)}.sd-tabela .sd-suma td{font-weight:800;border-top:2px solid var(--os-border);border-bottom:none}.sd-kuvar{font-size:15px;background:var(--os-bg);border:1px solid var(--os-border);border-radius:12px;overflow:hidden}.sd-kiosk{font-size:clamp(15px,2.6vmin,26px);background:#ffffff0f;border:2px solid rgba(255,255,255,.14);border-radius:16px;overflow:hidden}.sd-kiosk th,.sd-kiosk td{padding:clamp(3px,.8vmin,8px) clamp(8px,1.8vmin,18px);border-color:#ffffff1f}.os-tabovi{margin:0 0 10px}.os-cip-nisu{color:var(--os-dupli);background:var(--os-dupli-bg)}.os-kartica.nisu{border-style:dashed}.os-kartica.nisu.van{opacity:.7}.os-badge-udomu{padding:1px 8px;border-radius:var(--r-pill);color:var(--os-ok);border:1px solid var(--os-ok);font-weight:700}.op-kartica-nisu{font-size:13px;color:var(--os-dupli);font-weight:700}.op-pogled{display:inline-flex;gap:6px}.om-alati{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:8px 0 10px}.om-alati select,.om-alati input[type=month]{padding:6px 8px;border-radius:8px;border:1px solid var(--os-border);background:var(--os-bg);color:var(--os-text)}.om-legenda{font-size:13px;color:var(--os-muted);margin-bottom:8px}.om-omotac{max-width:100%;overflow:auto;max-height:70vh;border:1px solid var(--os-border);border-radius:var(--r-md);background:var(--os-bg)}.om-tabela{border-collapse:separate;border-spacing:0;font-size:12px;color:var(--os-text)}.om-tabela th,.om-tabela td{border-bottom:1px solid var(--os-border);border-right:1px solid var(--os-border);padding:3px 4px;text-align:center;white-space:nowrap;font-variant-numeric:tabular-nums}.om-tabela thead th{position:sticky;top:0;z-index:2;background:var(--os-panel);font-weight:700}.om-tabela tfoot td{position:sticky;bottom:0;background:var(--os-panel);font-weight:800}.om-tabela .om-ime{position:sticky;left:0;z-index:1;background:var(--os-bg);text-align:left;min-width:170px;max-width:230px;overflow:hidden;text-overflow:ellipsis}.om-tabela thead .om-ime,.om-tabela tfoot .om-ime{z-index:3;background:var(--os-panel)}.om-tabela .om-dan{min-width:26px}.om-tabela .om-dan small{display:block;font-weight:400;color:var(--os-muted)}.om-tabela .om-vikend{background:var(--os-hover)}.om-tabela .om-buduci{color:var(--os-muted);opacity:.45}.om-tabela .om-da{color:var(--os-ok);font-weight:800}.om-tabela .om-ne{color:var(--os-dupli)}.om-tabela .om-suma{font-weight:800;background:var(--os-panel)}.om-tabela .om-neupisan .om-ime{font-style:italic;color:var(--os-muted)}.os-overlay .os-btn{color:var(--os-text)}.os-overlay .os-btn.on{color:var(--os-accent-text)}.os-overlay .os-zatvori,.os-overlay .os-dupli-toggle{color:var(--os-dupli)}.op-root .os-btn{color:var(--os-text)}.op-root .os-btn.on{color:var(--os-accent-text)}.op-root .op-kartica{color:var(--os-text)}.os-btn,.os-cip,.os-dupli-toggle{display:inline-flex;align-items:center;justify-content:center;gap:6px}.os-btn svg,.os-cip svg,.os-dupli-toggle svg,.op-naslov svg,.op-kartica-akcija svg,.op-moji svg{flex-shrink:0}.op-naslov,.op-kartica-akcija{display:inline-flex;align-items:center;gap:8px}.os-kiosk .os-btn svg,.os-kiosk .os-cip svg{width:1.2em;height:1.2em}}@layer components{.form-columns{display:flex;gap:18px}.left-col{width:260px;min-width:200px;max-height:60vh;overflow:auto;display:flex;flex-direction:column}.right-col{flex:1 1 auto;min-width:260px;display:flex;flex-direction:column}.left-preview{width:96px;height:96px;border-radius:12px;overflow:hidden;margin:8px 0}.left-col .left-preview{width:140px;height:140px;margin:12px auto 0;border-radius:var(--r-lg);background:var(--brand-soft);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-2)}.left-col .left-preview img{width:100%;height:100%;object-fit:cover;display:block}.left-col .left-preview .selected-fallback{width:100%;height:100%;display:grid;place-items:center;font-weight:900;font-size:36px;color:var(--brand)}.vaspitac-root .profile-btn{color:var(--brand-contrast)}.vaspitac-root .logout-btn{color:var(--text-inverse)}.worker-card{margin-bottom:16px}.day-box{padding:8px;background:var(--surface-2);border-radius:var(--r-sm)}.day-box-date{font-size:12px;color:var(--text-3)}.day-box-hours{font-weight:800;color:var(--text)}@media(min-width:1100px){.left-col .left-preview{width:160px;height:160px}}@media(max-width:880px){.form-columns{flex-direction:column}.left-col{width:100%}.left-col .left-preview{width:96px;height:96px;margin:8px 0}}}@layer components{.rc-ico{display:inline-block;vertical-align:-.2em;margin-right:6px;flex-shrink:0}.rc-ico.rc-ico--solo{margin-right:0}}@layer components{.rc-vreme{font-size:16px;font-weight:600}.rc-vreme-dt{font-size:12px;opacity:.7;margin-top:4px}.rc-opis{font-size:14px}.rc-sitno{font-size:12px;opacity:.8}.rc-desno{display:flex;justify-content:flex-end;margin-top:8px}.rc-hint{opacity:.85}.rc-modal-levo{display:grid;gap:12px;align-content:start}.student-modal-card .avatar-dropzone.rc-avatar-plain{border:none;background:transparent}.student-modal-card .avatar-fallback.rc-avatar-fb{width:64%;height:64%;font-size:36px}.rc-ime{font-weight:800}.rc-meta{opacity:.7;margin-top:6px}.rc-polje{margin-bottom:8px}.rc-mt-6{margin-top:6px}}@layer components{.logs-table td.rc-td-status{width:48px}.user-smer.rc-odlazak{font-weight:700}.user-smer.rc-odlazak.bivsi{color:var(--danger-text)}.user-smer.rc-odlazak.odlazi{color:var(--warn-text)}.rc-poruka{padding:10px 4px;opacity:.8}.rc-skriveno{display:none}.rc-red-8{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.rc-cipovi{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.rc-chip-blago{opacity:.8}.filter-select.rc-datum{min-width:150px}.rc-p12{padding:12px}.rc-lbl-b,.logs-table td.rc-b700{font-weight:700}.logs-table td.rc-b600{font-weight:600}.logs-table td.rc-b800{font-weight:800}.logs-table td.rc-ico16{font-size:16px}.sb-input.rc-min180{min-width:180px}.filter-select.rc-min200{min-width:200px}.worker-card.rc-mb14{margin-bottom:14px}.rc-worker-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.rc-worker-ime{font-weight:800;font-size:15px}.rc-worker-poz{font-weight:600;opacity:.7}.rc-mt-8{margin-top:8px}.rc-dani{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px}.rc-dan-badge{font-size:15px;margin-right:4px}}@layer components{.vaspitac-root .finansije{width:100%;min-width:0;max-width:100%;box-sizing:border-box}.vaspitac-root .fin-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.vaspitac-root .fin-godina{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:14px;color:var(--text-2)}.vaspitac-root .fin-godina select,.vaspitac-root .fin-mesec-select,.vaspitac-root .fin-datum{min-height:44px;padding:8px 12px;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--text);font-size:15px;font-weight:700;cursor:pointer}.vaspitac-root .fin-saldo{font-weight:800;white-space:nowrap;font-variant-numeric:tabular-nums}.vaspitac-root .fin-saldo.dug{color:var(--danger-text)}.vaspitac-root .fin-saldo.pre{color:var(--ok-text)}.vaspitac-root .fin-saldo.nula{color:var(--text-3)}.vaspitac-root .dn-table td.fin-num,.vaspitac-root .dn-table th.fin-num{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}@container rt (max-width: 880px){.vaspitac-root .dn-table.rt-cards td.fin-num{text-align:left}}.vaspitac-root .fin-pill{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:var(--r-pill);font-size:12.5px;font-weight:700;white-space:nowrap}.vaspitac-root .fin-pill.zelena{background:var(--ok-soft);border:1px solid var(--ok-border)}.vaspitac-root .fin-pill.zelena,.vaspitac-root .fin-pill.zelena *{color:var(--ok-text)}.vaspitac-root .fin-pill.zuta{background:var(--warn-soft);border:1px solid var(--warn-border)}.vaspitac-root .fin-pill.zuta,.vaspitac-root .fin-pill.zuta *{color:var(--warn-text)}.vaspitac-root .fin-grupa-naslov{margin:16px 0 8px}.vaspitac-root .fin-red-naslov{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.vaspitac-root .fin-klik{cursor:pointer}.vaspitac-root .dn-table tr.fin-izabran td{background:var(--brand-soft)}.vaspitac-root .fin-uspeh{border:1px solid var(--ok-border);background:var(--ok-soft);border-radius:var(--r-lg);padding:12px 14px;font-size:14px;line-height:1.6;color:var(--ok-text)}.vaspitac-root .fin-uspeh strong{color:var(--ok-text)}.vaspitac-root .fin-upozorenje{border:1px solid var(--warn-border);background:var(--warn-soft);border-radius:var(--r-lg);padding:12px 14px;font-size:14px;line-height:1.6;color:var(--warn-text)}.vaspitac-root .fin-upozorenje strong{color:var(--warn-text)}.vaspitac-root .fin-meseci{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}.vaspitac-root .fin-mesec{border:1px solid var(--border);border-radius:var(--r-lg);padding:12px;background:var(--surface-2);display:flex;flex-direction:column;gap:8px}.vaspitac-root .fin-mesec.zaduzen{background:var(--ok-soft);border-color:var(--ok-border)}.vaspitac-root .fin-mesec-head{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;font-weight:800;font-size:15px}.vaspitac-root .fin-mesec-info{display:flex;flex-direction:column;gap:4px;font-size:13.5px;color:var(--text-2)}.vaspitac-root .fin-mesec label,.vaspitac-root .fin-cena-polje{display:flex;flex-direction:column;gap:4px;font-size:12.5px;font-weight:600;color:var(--text-3)}.vaspitac-root .fin-mesec input,.vaspitac-root .fin-cena-polje input{width:100%;box-sizing:border-box;min-height:40px;padding:6px 10px;border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);color:var(--text);font-size:14px}.vaspitac-root .fin-btn-crveno,.vaspitac-root .dn-btn.fin-btn-crveno{background:var(--danger);border:none}.vaspitac-root .dn-btn.fin-btn-crveno,:root[data-theme=dark] .vaspitac-root .dn-btn.fin-btn-crveno,.vaspitac-root .dn-btn.fin-btn-crveno *{color:var(--text-inverse)}.vaspitac-root .fin-btn-crveno:hover,.vaspitac-root .dn-btn.fin-btn-crveno:hover{background:color-mix(in srgb,var(--danger) 85%,var(--text))}.vaspitac-root .fin-cene{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap}.vaspitac-root .fin-cena-polje{flex:1 1 180px;max-width:260px}.vaspitac-root .fin-cene .dn-btn{min-height:44px}.vaspitac-root .fin-picker{position:relative;max-width:460px}.vaspitac-root .fin-picker-list{position:absolute;z-index:40;top:100%;left:0;right:0;margin-top:4px;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-3);max-height:280px;overflow-y:auto}.vaspitac-root .fin-picker-item{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:44px;padding:8px 12px;border:none;border-bottom:1px solid var(--border);background:transparent;font-size:14px;font-weight:600;color:var(--text);text-align:left;cursor:pointer}.vaspitac-root .fin-picker-item:last-child{border-bottom:none}.vaspitac-root .fin-picker-item:hover{background:var(--brand-soft)}.vaspitac-root .fin-rasp-red{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:8px}.vaspitac-root .fin-rasp-red select{flex:1 1 220px;min-height:44px;padding:8px 12px;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--text);font-size:14px;font-weight:600}.vaspitac-root .fin-rasp-red input{width:100px;min-height:44px;padding:8px 12px;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--text);font-size:14px;box-sizing:border-box}.vaspitac-root .fin-pct{font-weight:800;color:var(--text-3)}.vaspitac-root .fin-rasp-ucenik{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;border:1px dashed var(--border);border-radius:12px;padding:10px 12px;background:var(--surface-2);font-size:14px;font-weight:600;color:var(--text-2)}.vaspitac-root .fin-rasp-ucenik.greska{border-color:var(--danger-border);background:var(--danger-soft);color:var(--danger-text)}.vaspitac-root .fin-stanje{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.vaspitac-root .fin-stat{border:1px solid var(--border);border-radius:var(--r-lg);padding:14px;background:var(--surface-2);text-align:center;display:flex;flex-direction:column;gap:4px}.vaspitac-root .fin-stat-num{font-size:23px;font-weight:800;color:var(--info-text);line-height:1.15;white-space:nowrap;font-variant-numeric:tabular-nums}.vaspitac-root .fin-stat-lbl{font-size:12.5px;font-weight:600;color:var(--text-3)}.vaspitac-root .fin-stat.crvena{border-color:var(--danger-border);background:var(--danger-soft)}.vaspitac-root .fin-stat.crvena .fin-stat-num{color:var(--danger-text)}.vaspitac-root .fin-stat.zelena{border-color:var(--ok-border);background:var(--ok-soft)}.vaspitac-root .fin-stat.zelena .fin-stat-num{color:var(--ok-text)}.vaspitac-root .fin-dve-kolone{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start}.vaspitac-root .fin-kolona{display:flex;flex-direction:column;gap:8px;min-width:0}.vaspitac-root .fin-kolona-naslov{font-weight:800;font-size:15px}.vaspitac-root .fin-subjekt-kartica{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:44px;padding:10px 12px;border-radius:12px;border:1px solid transparent;font-size:14px;font-weight:700;font-variant-numeric:tabular-nums;text-align:left;cursor:pointer}.vaspitac-root .fin-subjekt-kartica.dug{background:var(--danger-soft);border-color:var(--danger-border)}.vaspitac-root .fin-subjekt-kartica.dug,.vaspitac-root .fin-subjekt-kartica.dug *{color:var(--danger-text)}.vaspitac-root .fin-subjekt-kartica.dug:hover{background:color-mix(in srgb,var(--danger-soft) 85%,var(--danger))}.vaspitac-root .fin-subjekt-kartica.pre{background:var(--ok-soft);border-color:var(--ok-border)}.vaspitac-root .fin-subjekt-kartica.pre,.vaspitac-root .fin-subjekt-kartica.pre *{color:var(--ok-text)}.vaspitac-root .fin-subjekt-kartica.pre:hover{background:color-mix(in srgb,var(--ok-soft) 85%,var(--ok))}.vaspitac-root .fin-kartica-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:14.5px;margin-bottom:8px}.vaspitac-root .fin-akcije{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:10px 0}.vaspitac-root .fin-mini-btn{min-height:36px;min-width:36px;padding:4px 10px}.vaspitac-root .dn-table tr.fin-tot td{font-weight:800;background:var(--surface-2);border-top:2px solid var(--border-strong)}.vaspitac-root .fin-btn-procenti{min-height:44px}.vaspitac-root .fin-rasp-editor{border:1px solid var(--border);border-radius:var(--r-lg);padding:12px;margin:0 0 12px;background:var(--surface-2)}.vaspitac-root .fin-rasp-editor-naslov{font-weight:800;font-size:14.5px;margin-bottom:10px}.vaspitac-root .fin-rasp-editor .fin-rasp-ucenik{background:var(--surface)}.vaspitac-root .fin-rasp-editor .fin-rasp-ucenik.greska{background:var(--danger-soft)}.vaspitac-root .fin-vazi-od{display:flex;flex-wrap:wrap;gap:10px;margin:10px 0}.vaspitac-root .fin-vazi-od label{display:flex;flex-direction:column;gap:4px;font-weight:700;font-size:13px;flex:1 1 180px;min-width:0}.vaspitac-root .fin-vazi-od input{min-height:40px;width:100%}.vaspitac-root .fin-istorija{margin-top:14px;border-top:1px dashed var(--border-strong);padding-top:10px}.vaspitac-root .fin-istorija-naslov{font-weight:800;margin-bottom:6px}.vaspitac-root .fin-istorija-red{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;padding:6px 8px;border-radius:var(--r-md)}.vaspitac-root .fin-istorija-red.tekuca{background:var(--ok-soft)}.vaspitac-root .fin-istorija-period{font-weight:700;white-space:nowrap}.vaspitac-root .fin-istorija-split{flex:1 1 200px;min-width:0;overflow-wrap:anywhere}.vaspitac-root .fin-preracun{margin:12px 0;padding:12px;border:1px solid var(--warn-border);background:var(--warn-soft);border-radius:var(--r-lg)}.vaspitac-root .fin-preracun-mesec{margin-top:8px}.vaspitac-root .fin-preracun-promena{display:flex;justify-content:space-between;gap:10px;padding:2px 0 2px 14px;flex-wrap:wrap}.vaspitac-root .fin-grupa-stavke td{background:var(--surface-2)}.vaspitac-root .fin-grupa-stavka{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;padding:4px 0;border-bottom:1px solid var(--border)}.vaspitac-root .fin-grupa-stavka>span:first-child{flex:1 1 220px;min-width:0;overflow-wrap:anywhere}.vaspitac-root .fin-grupa-akcije{display:flex;gap:4px}@media(min-width:481px){.vaspitac-root .dn-modal.fin-modal{max-width:900px}}@media(min-width:1101px){.vaspitac-root:has(.finansije){height:100vh;overflow:hidden}.vaspitac-root:has(.finansije) .vaspitac-content{height:100vh;min-height:0}.vaspitac-root:has(.finansije) .page-body{display:flex;flex-direction:column;min-height:0;overflow:hidden}.vaspitac-root:has(.finansije) .finansije{display:flex;flex-direction:column;flex:1 1 auto;min-height:0}.vaspitac-root:has(.finansije) .fin-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;padding:2px 2px 12px;margin:-2px -2px 0}}@media(max-width:700px){.vaspitac-root .fin-toolbar{flex-direction:column;align-items:stretch}.vaspitac-root .fin-godina{justify-content:space-between}.vaspitac-root .fin-godina select{flex:1 1 auto}.vaspitac-root .fin-meseci{grid-template-columns:1fr 1fr}.vaspitac-root .fin-akcije .dn-btn{flex:1 1 46%;min-height:44px}.vaspitac-root .fin-mesec .dn-btn,.vaspitac-root .fin-cene .dn-btn{width:100%;min-height:44px}.vaspitac-root .fin-red-naslov{flex-direction:column;align-items:stretch}.vaspitac-root .finansije input,.vaspitac-root .finansije select{font-size:16px}}@media(max-width:480px){.vaspitac-root .fin-meseci,.vaspitac-root .fin-dve-kolone{grid-template-columns:1fr}.vaspitac-root .fin-stanje{grid-template-columns:1fr 1fr}.vaspitac-root .fin-stat-num{font-size:19px}.vaspitac-root .fin-cena-polje{max-width:none;flex:1 1 100%}.vaspitac-root .fin-rasp-red input{flex:1 1 100px;width:auto}.vaspitac-root .fin-akcije .dn-btn{flex:1 1 100%}}}@layer components{.vaspitac-root .finansije .fin-m-0{margin:0}.vaspitac-root .finansije .fin-mt-0{margin-top:0}.vaspitac-root .finansije .fin-mt-4{margin-top:4px}.vaspitac-root .finansije .fin-mt-6{margin-top:6px}.vaspitac-root .finansije .fin-mt-8{margin-top:8px}.vaspitac-root .finansije .fin-mt-10{margin-top:10px}.vaspitac-root .finansije .fin-mt-12{margin-top:12px}.vaspitac-root .finansije .fin-mt-14{margin-top:14px}.vaspitac-root .finansije .fin-mt-16{margin-top:16px}.vaspitac-root .finansije .fin-mb-0{margin-bottom:0}.vaspitac-root .finansije .fin-mb-6{margin-bottom:6px}.vaspitac-root .finansije .fin-mb-8{margin-bottom:8px}.vaspitac-root .finansije .fin-mb-10{margin-bottom:10px}.vaspitac-root .finansije .fin-mb-14{margin-bottom:14px}.vaspitac-root .finansije .fin-ml-6{margin-left:6px}.vaspitac-root .finansije .fin-ml-10{margin-left:10px}.vaspitac-root .finansije .fin-ml-auto{margin-left:auto}.vaspitac-root .finansije .fin-bold{font-weight:700}.vaspitac-root .finansije .fin-xbold{font-weight:800}.vaspitac-root .finansije .fin-h36{min-height:36px}.vaspitac-root .finansije .fin-h44{min-height:44px}.vaspitac-root .finansije .fin-btn-blok,.vaspitac-root .finansije .fin-in-full{width:100%;min-height:44px}.vaspitac-root .finansije .fin-in-iznos{width:100%;min-width:90px;min-height:44px;text-align:right}.vaspitac-root .finansije .fin-in-plat{width:100%;min-height:40px;text-align:right}.vaspitac-root .finansije .fin-flex-razmak{display:flex;gap:10px;flex-wrap:wrap;align-items:center;justify-content:space-between}.vaspitac-root .finansije .fin-flex-razmak.fin-gap-8{gap:8px}.vaspitac-root .finansije .fin-flex-8{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.vaspitac-root .finansije .fin-check-red{display:flex;gap:6px;align-items:center;margin-top:6px}.vaspitac-root .finansije .fin-deca-red{margin:8px 0;display:flex;gap:6px;flex-wrap:wrap;align-items:center}.vaspitac-root .finansije .fin-dete-btn{min-height:36px;padding:4px 10px}.vaspitac-root .finansije .fin-kand-lista{display:flex;flex-direction:column;gap:4px;margin-top:6px}.vaspitac-root .finansije .fin-kand-btn{display:flex;justify-content:space-between;gap:8px;min-height:44px;text-align:left}.vaspitac-root .finansije .fin-th-akc{width:90px}.vaspitac-root .finansije .fin-th-iznos{width:150px}.vaspitac-root .finansije .fin-dug-naslov{font-weight:800;margin-bottom:6px}.vaspitac-root .finansije .fin-zbir{margin-top:10px;font-weight:800}}@layer components{.admin-root.vaspitac-root .adm-mb14{margin-bottom:14px}.admin-root.vaspitac-root .adm-mb10{margin-bottom:10px}.admin-root.vaspitac-root .adm-mb8{margin-bottom:8px}.admin-root.vaspitac-root .adm-mt4{margin-top:4px}.admin-root.vaspitac-root .adm-mt6{margin-top:6px}.admin-root.vaspitac-root .adm-mt8{margin-top:8px}.admin-root.vaspitac-root .adm-mt10{margin-top:10px}.admin-root.vaspitac-root .adm-mt12{margin-top:12px}.admin-root.vaspitac-root .adm-mt14{margin-top:14px}.admin-root.vaspitac-root .adm-mt0{margin-top:0}.admin-root.vaspitac-root .adm-m0{margin:0}.admin-root.vaspitac-root .adm-h-sec{margin:0 0 6px}.admin-root.vaspitac-root .adm-h-sub{margin:0 0 8px}.admin-root.vaspitac-root .adm-h5{margin:10px 0 4px}.admin-root.vaspitac-root .adm-lh15{line-height:1.5}.admin-root.vaspitac-root .adm-lh16{line-height:1.6}.admin-root.vaspitac-root .adm-b{font-weight:700}.admin-root.vaspitac-root .adm-small{font-size:13px}.admin-root.vaspitac-root .adm-warn-title{font-weight:700;margin-top:12px;color:var(--warn-text)}.admin-root.vaspitac-root .adm-hidden{display:none}.admin-root.vaspitac-root .adm-okmsg{margin-top:10px;font-weight:700;color:var(--dn-ok, var(--ok-text))}.admin-root.vaspitac-root .adm-okmsg.adm-okmsg--top{margin-top:0;margin-bottom:10px}.admin-root.vaspitac-root .adm-list{margin:10px 0 0;padding-left:22px;line-height:1.7}.admin-root.vaspitac-root .adm-list-norm{margin:6px 0 10px;padding-left:22px;line-height:1.7}.admin-root.vaspitac-root .adm-list-sub{margin:6px 0 0;padding-left:22px;line-height:1.6}.admin-root.vaspitac-root .adm-list-modal{margin:8px 0;padding-left:22px}.admin-root.vaspitac-root .adm-list-saveti{margin:10px 0;padding-left:20px;line-height:1.5}.admin-root.vaspitac-root .adm-badge-block{margin:10px 0}.admin-root.vaspitac-root .adm-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.admin-root.vaspitac-root .adm-row-top{display:flex;gap:8px;flex-wrap:wrap}.admin-root.vaspitac-root .adm-row-6{display:flex;gap:6px;flex-wrap:wrap}.admin-root.vaspitac-root .adm-row-end{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.admin-root.vaspitac-root .adm-row-btns{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.admin-root.vaspitac-root .adm-head-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center;justify-content:space-between}.admin-root.vaspitac-root .adm-fields{display:flex;gap:12px;flex-wrap:wrap;align-items:flex-end}.admin-root.vaspitac-root .adm-cols{display:flex;gap:16px;flex-wrap:wrap;margin-top:12px;align-items:flex-start}.admin-root.vaspitac-root .adm-col{flex:1 1 320px;min-width:0}.admin-root.vaspitac-root .adm-field-flex{flex:1 1 160px;min-width:0}.admin-root.vaspitac-root .adm-cand-list{display:flex;flex-direction:column;gap:4px;margin-top:6px}.admin-root.vaspitac-root .adm-ib{display:inline-flex;align-items:center;justify-content:center;gap:6px}.admin-root.vaspitac-root .adm-ih{display:flex;align-items:center;gap:8px}.admin-root.vaspitac-root .adm-ib svg,.admin-root.vaspitac-root .adm-ih svg{flex:0 0 auto}.admin-root.vaspitac-root .dn-btn.adm-h44{min-height:44px}.admin-root.vaspitac-root .dn-btn.adm-h48{min-height:48px}.admin-root.vaspitac-root .dn-btn.adm-h36{min-height:36px}.admin-root.vaspitac-root .dn-btn.adm-full{width:100%}.admin-root.vaspitac-root .dn-btn.adm-submit{margin-top:14px;width:100%;min-height:48px}.admin-root.vaspitac-root .dn-btn.adm-submit-44{margin-top:12px;width:100%;min-height:44px}.admin-root.vaspitac-root .dn-btn.adm-submit-12{margin-top:12px;width:100%;min-height:48px}.admin-root.vaspitac-root .dn-btn.adm-norm-btn{min-height:48px;font-size:15px;width:100%;max-width:480px}.admin-root.vaspitac-root .adm-actions{display:flex;gap:10px;margin-top:14px;flex-wrap:wrap}.admin-root.vaspitac-root .adm-actions .dn-btn.adm-act-main{flex:1 1 160px}.admin-root.vaspitac-root .adm-actions .dn-btn.adm-act-alt{flex:1 1 120px}.admin-root.vaspitac-root .adm-chip-ico{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle}.admin-root.vaspitac-root .dn-btn.adm-cand{display:flex;justify-content:space-between;gap:8px;min-height:44px;text-align:left}.admin-root.vaspitac-root .adm-in{width:100%;min-height:44px}.admin-root.vaspitac-root .adm-in.adm-in-90{min-width:90px}.admin-root.vaspitac-root .adm-in.adm-in-110{min-width:110px}.admin-root.vaspitac-root .adm-in.adm-num{min-width:90px;text-align:right}.admin-root.vaspitac-root .adm-in-box{width:100%;min-height:44px;box-sizing:border-box}.admin-root.vaspitac-root .adm-textarea{width:100%;box-sizing:border-box}.admin-root.vaspitac-root .adm-sel{min-height:44px}.admin-root.vaspitac-root .adm-lbl{display:flex;align-items:center;gap:6px;font-weight:600}.admin-root.vaspitac-root .adm-lbl.adm-lbl-8{gap:8px}.admin-root.vaspitac-root .dn-form-row .adm-grow{flex:1 1 160px;min-width:0}.admin-root.vaspitac-root .dn-form-row .adm-grow-130{flex:1 1 130px;min-width:0;min-height:44px}.admin-root.vaspitac-root .dn-form-row .adm-w110{width:110px}.admin-root.vaspitac-root .adm-pwd-row{display:flex;gap:8px;align-items:stretch}.admin-root.vaspitac-root .adm-pwd-row input{flex:1;min-width:0}.admin-root.vaspitac-root .adm-pwd-row .dn-btn.adm-eye{min-width:44px;min-height:44px;flex:0 0 auto;padding:0 10px;width:auto}.admin-root.vaspitac-root .dn-field label.adm-radio{display:flex;align-items:center;gap:8px;min-height:44px;padding:0 14px;border-radius:8px;cursor:pointer;font-weight:600;border:1px solid var(--border-strong)}.admin-root.vaspitac-root .dn-field label.adm-radio.is-on{border:2px solid var(--brand)}.admin-root.vaspitac-root .adm-pick-list{max-height:min(420px,55vh);overflow-y:auto;display:flex;flex-direction:column;gap:4px}.admin-root.vaspitac-root .adm-pick{display:flex;align-items:center;gap:10px;min-height:44px;padding:4px 10px;border-radius:8px;cursor:pointer;border:1px solid var(--border-strong)}.admin-root.vaspitac-root .adm-pick.is-on{border:2px solid var(--brand)}.admin-root.vaspitac-root .adm-pick input[type=checkbox]{width:18px;height:18px;flex:0 0 auto}.admin-root.vaspitac-root .adm-pick-name{font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-root.vaspitac-root .adm-pick-meta{flex:0 0 auto}.admin-root.vaspitac-root .adm-pick-flag{margin-left:auto;flex:0 0 auto}.admin-root.vaspitac-root .adm-th-90{width:90px}.admin-root.vaspitac-root .adm-th-num{text-align:right}.admin-root.vaspitac-root .adm-td-num{text-align:right;font-weight:700}.admin-root.vaspitac-root .adm-td-empty{text-align:center;padding:20px}.admin-root.vaspitac-root .adm-td-status{width:48px}.admin-root.vaspitac-root tr.adm-row-hidden td{background:var(--danger-soft)}.admin-root.vaspitac-root .adm-raw td{font-size:12px;white-space:nowrap}.admin-root.vaspitac-root .adm-raw th{white-space:nowrap}.admin-root.vaspitac-root .adm-muted-pad{padding:10px 4px;opacity:.8}.admin-root.vaspitac-root .adm-norm{margin-top:20px;border-top:1px solid var(--border);padding-top:14px}.admin-root.vaspitac-root .adm-overlay{position:fixed;inset:0;background:var(--overlay);z-index:1000;display:flex;align-items:center;justify-content:center;padding:16px}.admin-root.vaspitac-root .adm-dialog{max-width:520px;width:100%;max-height:90vh;overflow-y:auto}.admin-root.vaspitac-root .modal-body.adm-modal-body-emp{grid-template-columns:220px 1fr}.adm-nk{display:flex;flex-direction:column;gap:var(--sp-4)}.adm-nk-naslov{display:flex;align-items:center;gap:var(--sp-2);margin:0 0 var(--sp-3);font-size:17px}.adm-nk-lista{display:flex;flex-wrap:wrap;gap:var(--sp-2)}.adm-nk-tag{font-family:var(--font-mono)}.adm-nk-akcije{display:inline-flex;gap:var(--sp-2);flex-wrap:wrap}.adm-nk-pogodci{display:flex;flex-direction:column;gap:var(--sp-2);margin-top:var(--sp-3)}.adm-nk-pogodak{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);min-height:44px;padding:var(--sp-2) var(--sp-3);border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);color:var(--text);text-align:left;cursor:pointer}.adm-nk-pogodak:hover{background:var(--surface-2)}.adm-nk-pogodak:focus-visible{outline:none;box-shadow:var(--focus)}.adm-nk-pogodak:disabled{opacity:.6;cursor:default}.adm-nk-ocitaj{margin-top:var(--sp-2)}}@layer components{.vaspitac-root .biblioteka{width:100%;min-width:0;max-width:100%;box-sizing:border-box}.vaspitac-root .bib-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.vaspitac-root .bib-stats{display:flex;gap:10px;flex-wrap:wrap;flex:1 1 auto}.vaspitac-root .bib-stat{flex:1 1 130px;min-width:110px;border:1px solid var(--border);border-radius:var(--r-lg);padding:10px 14px;background:var(--surface-2);text-align:center;display:flex;flex-direction:column;gap:2px}.vaspitac-root .bib-stat-num{font-size:22px;font-weight:800;color:var(--info-text);line-height:1.15}.vaspitac-root .bib-stat-lbl{font-size:12.5px;font-weight:600;color:var(--text-3);white-space:nowrap}.vaspitac-root .bib-stat.crvena{border-color:var(--danger-border);background:var(--danger-soft)}.vaspitac-root .bib-stat.crvena .bib-stat-num{color:var(--danger-text)}.vaspitac-root .bib-import{display:flex;gap:8px;flex-wrap:wrap}.vaspitac-root .bib-status-red{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.vaspitac-root .bib-edit-btn{min-height:34px;padding:4px 12px;white-space:nowrap}.vaspitac-root .bib-pill{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:var(--r-pill);font-size:12.5px;font-weight:700;white-space:nowrap}.vaspitac-root .bib-pill.zelena{background:var(--ok-soft);border:1px solid var(--ok-border)}.vaspitac-root .bib-pill.zelena,.vaspitac-root .bib-pill.zelena *{color:var(--ok-text)}.vaspitac-root .bib-pill.crvena{background:var(--danger-soft);border:1px solid var(--danger-border)}.vaspitac-root .bib-pill.crvena,.vaspitac-root .bib-pill.crvena *{color:var(--danger-text)}.vaspitac-root .bib-status-izdata{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}.vaspitac-root .bib-status-detalj{font-size:13px;color:var(--text-2)}.vaspitac-root .bib-kasni-txt,:root[data-theme=dark] .vaspitac-root .bib-kasni-txt{color:var(--danger-text);font-weight:800}.vaspitac-root .bib-filteri{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.vaspitac-root .bib-check{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 12px;border:1px solid var(--border);border-radius:12px;background:var(--surface-2);font-weight:600;font-size:14px;cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--text-2)}.vaspitac-root .bib-check input[type=checkbox]{width:18px;height:18px;accent-color:var(--brand);cursor:pointer}.vaspitac-root .bib-klik{cursor:pointer}.vaspitac-root .bib-link{background:none;border:none;padding:0;font:inherit;font-weight:700;color:var(--brand);text-decoration:underline;text-underline-offset:3px;cursor:pointer}.vaspitac-root .dn-table tr.bib-late{--bib-late-hover: color-mix(in srgb, var(--danger-soft) 85%, var(--danger))}.vaspitac-root .dn-table tr.bib-late td{background:var(--danger-soft)}.vaspitac-root .dn-table tbody tr.bib-late:hover td{background:var(--bib-late-hover)}.vaspitac-root .bib-paginacija{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:12px}.vaspitac-root .bib-picker{position:relative}.vaspitac-root .bib-picker-list{position:absolute;z-index:40;top:100%;left:0;right:0;margin-top:4px;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-3);max-height:280px;overflow-y:auto}.vaspitac-root .bib-picker-item{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:44px;padding:8px 12px;border:none;border-bottom:1px solid var(--border);background:transparent;font-size:14px;font-weight:600;color:var(--text);text-align:left;cursor:pointer}.vaspitac-root .bib-picker-item:last-child{border-bottom:none}.vaspitac-root .bib-picker-item:hover{background:var(--brand-soft)}.vaspitac-root .bib-izabrani{display:flex;align-items:center;gap:8px;min-height:44px;flex-wrap:wrap}.vaspitac-root .bib-uspeh{border:1px solid var(--ok-border);background:var(--ok-soft);border-radius:var(--r-lg);padding:12px 14px;font-size:14px;line-height:1.6;color:var(--ok-text)}.vaspitac-root .bib-uspeh strong{color:var(--ok-text)}.vaspitac-root .bib-uspeh-naslov{font-weight:800;font-size:15px;margin-bottom:4px}.vaspitac-root .bib-akcije{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:10px}.vaspitac-root .bib-rok-edit{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap}.vaspitac-root .bib-rok-edit input[type=date]{min-height:40px;padding:6px 10px;border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);color:var(--text);font-size:14px}.vaspitac-root .bib-grupe{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}.vaspitac-root .bib-grupa-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:10px}.vaspitac-root .bib-grupa-lista{display:flex;flex-direction:column;gap:4px}.vaspitac-root .bib-ucenik-red{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:44px;padding:8px 10px;border:1px solid transparent;border-radius:var(--r-md);background:transparent;font-size:14px;font-weight:600;color:var(--text);text-align:left;cursor:pointer}.vaspitac-root .bib-ucenik-red:hover{background:var(--brand-soft);border-color:var(--border)}.vaspitac-root .bib-ucenik-brojke{white-space:nowrap;color:var(--text-2);font-weight:700}.vaspitac-root .bib-modal-podnaslov{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:14.5px;margin-bottom:6px}.vaspitac-root .bib-aktivne-lista{display:flex;flex-direction:column;gap:8px;margin-top:10px}.vaspitac-root .bib-aktivna{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;border:1px solid var(--border);border-radius:12px;padding:10px 12px;background:var(--surface-2);font-size:14px}.vaspitac-root .bib-aktivna .bib-akcije{margin-top:0}.vaspitac-root .bib-aktivna.kasni{background:var(--danger-soft);border-color:var(--danger-border)}@media(max-width:700px){.vaspitac-root .bib-header{flex-direction:column;align-items:stretch}.vaspitac-root .bib-import .dn-btn{width:100%;min-height:44px}.vaspitac-root .bib-stat{padding:8px 10px}.vaspitac-root .bib-stat-num{font-size:19px}.vaspitac-root .bib-akcije .dn-btn,.vaspitac-root .rt-actions .dn-btn,.vaspitac-root .bib-edit-btn{min-height:44px}.vaspitac-root .bib-paginacija{justify-content:center;text-align:center}.vaspitac-root .bib-paginacija .dn-btn{min-height:44px;flex:1 1 40%}.vaspitac-root .biblioteka input,.vaspitac-root .biblioteka select,.vaspitac-root .bib-rok-edit input[type=date]{font-size:16px}}@media(max-width:480px){.vaspitac-root .bib-stats{gap:6px}.vaspitac-root .bib-stat{min-width:90px;flex:1 1 30%}.vaspitac-root .bib-stat-lbl{white-space:normal;font-size:11.5px}.vaspitac-root .bib-check{width:100%;justify-content:flex-start}.vaspitac-root .bib-grupe{grid-template-columns:1fr}.vaspitac-root .bib-aktivna{flex-direction:column;align-items:stretch}.vaspitac-root .bib-rok-edit{width:100%}.vaspitac-root .bib-rok-edit input[type=date]{flex:1 1 auto}}.vaspitac-root .biblioteka svg.lucide{vertical-align:-.2em;flex-shrink:0}.vaspitac-root .biblioteka .bib-mt4{margin-top:4px}.vaspitac-root .biblioteka .bib-mt10{margin-top:10px}.vaspitac-root .biblioteka .bib-mt12{margin-top:12px}.vaspitac-root .biblioteka .bib-mt14{margin-top:14px}.vaspitac-root .biblioteka .bib-mb10{margin-bottom:10px}.vaspitac-root .biblioteka .bib-mb14{margin-bottom:14px}.vaspitac-root .biblioteka .bib-ml10{margin-left:10px}.vaspitac-root .biblioteka .bib-hidden{display:none}.vaspitac-root .biblioteka .bib-search{margin-bottom:0;flex:1 1 240px}.vaspitac-root .biblioteka .bib-iznajmi{max-width:720px}.vaspitac-root .biblioteka .bib-h3-top{margin-top:0}.vaspitac-root .biblioteka .bib-h4{margin:0}.vaspitac-root .biblioteka .bib-submit{margin-top:14px;width:100%}.vaspitac-root .biblioteka .bib-submit-lg{min-height:44px}.vaspitac-root .biblioteka .bib-empty-td{text-align:center;padding:0}}.kiosk-root{position:fixed;inset:0;width:100vw;height:100dvh;overflow:hidden;background:radial-gradient(1200px 700px at 50% -10%,#16233b,#0b1220 55%,#070c16);color:#e9eef7;font-family:Segoe UI,system-ui,-apple-system,Arial,sans-serif;display:flex;align-items:center;justify-content:center;user-select:none;-webkit-user-select:none;touch-action:manipulation}.kiosk-scan-input{position:absolute;top:0;left:0;width:1px;height:1px;opacity:0;border:none;outline:none;padding:0;background:transparent;color:transparent;caret-color:transparent;font-size:16px;pointer-events:none}.kiosk-idle{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(10px,2.5vh,28px);text-align:center;padding:4vmin;width:100%;height:100%}.kiosk-sat{font-size:clamp(64px,22vmin,220px);font-weight:800;line-height:1;letter-spacing:2px;font-variant-numeric:tabular-nums;text-shadow:0 0 40px rgba(90,150,255,.25)}.kiosk-sek{font-size:.42em;font-weight:600;opacity:.55}.kiosk-datum{font-size:clamp(18px,4vmin,40px);font-weight:600;opacity:.85;text-transform:capitalize}.kiosk-obrok{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:clamp(8px,1.6vmin,18px);background:#ffffff0f;border:2px solid rgba(255,255,255,.14);border-radius:24px;padding:clamp(12px,2.4vmin,26px) clamp(18px,3.6vmin,44px);font-size:clamp(20px,4.6vmin,46px);font-weight:700}.kiosk-obrok.aktivan{border-color:#4ade808c;background:#22c55e1f;box-shadow:0 0 50px #22c55e2e}.kiosk-obrok.upozorenje{border-color:#fb923c99;background:#f9731624;color:#ffd9b0}.kiosk-obrok-emoji{font-size:1.25em}.kiosk-obrok-termin{font-variant-numeric:tabular-nums;opacity:.9}.kiosk-obrok-status{font-size:.6em;font-weight:800;background:#ffffff1a;border-radius:999px;padding:.35em .9em}.kiosk-prisutno{font-size:clamp(18px,3.6vmin,36px);font-weight:700;background:#ffffff0f;border:2px solid rgba(255,255,255,.14);border-radius:16px;padding:clamp(6px,1.4vmin,14px) clamp(14px,2.8vmin,30px);opacity:.95}.kiosk-prisutno b{color:#6ee7a0}.kiosk-poruka{font-size:clamp(24px,5.4vmin,56px);font-weight:800;color:#9ec5ff;animation:kiosk-puls 2s ease-in-out infinite}@keyframes kiosk-puls{0%,to{opacity:.65;transform:scale(1)}50%{opacity:1;transform:scale(1.045)}}.kiosk-fles{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(8px,2vh,22px);text-align:center;padding:4vmin;animation:kiosk-fles-in .25s ease-out}@keyframes kiosk-fles-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.kiosk-ok{background:radial-gradient(900px 600px at 50% 30%,#14532d,#0d3b21 60%,#082617);animation:kiosk-fles-in .25s ease-out,kiosk-fles-zeleno .9s ease-out}@keyframes kiosk-fles-zeleno{0%{box-shadow:inset 0 0 0 100vmax #4ade808c}to{box-shadow:inset 0 0 0 100vmax #4ade8000}}.kiosk-dupli,.kiosk-nepoznat,.kiosk-greska{background:radial-gradient(900px 600px at 50% 30%,#7f1d1d,#5c1414 60%,#3b0d0d);animation:kiosk-fles-in .25s ease-out,kiosk-fles-crveno .9s ease-out}@keyframes kiosk-fles-crveno{0%{box-shadow:inset 0 0 0 100vmax #f871718c}to{box-shadow:inset 0 0 0 100vmax #f8717100}}.kiosk-upozorenje{background:radial-gradient(900px 600px at 50% 30%,#7c2d12,#5f2410 60%,#3c170a)}.kiosk-avatar{border-radius:50%;overflow:hidden;background:#ffffff1f;border:6px solid rgba(255,255,255,.85);box-shadow:0 10px 60px #00000073;display:flex;align-items:center;justify-content:center;flex:0 0 auto}.kiosk-avatar.velika{width:clamp(140px,36vmin,340px);height:clamp(140px,36vmin,340px)}.kiosk-avatar img{width:100%;height:100%;object-fit:cover}.kiosk-avatar-ini{font-size:clamp(48px,14vmin,130px);font-weight:800;color:#fff}.kiosk-ime{font-size:clamp(30px,7.5vmin,76px);font-weight:800;line-height:1.1}.kiosk-detalj{font-size:clamp(22px,5vmin,52px);font-weight:700;opacity:.95}.kiosk-detalj.jak{font-weight:800;letter-spacing:.5px}.kiosk-znak{font-size:clamp(56px,14vmin,140px);line-height:1}.kiosk-znak.ogroman{font-size:clamp(90px,24vmin,240px)}.kiosk-podporuka{font-size:clamp(16px,3.4vmin,34px);font-weight:600;opacity:.8}.kiosk-tag-info{font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:clamp(13px,2.2vmin,22px);font-weight:500;opacity:.65;letter-spacing:1px}.kiosk-rucno-btn{margin-top:clamp(6px,1.5vh,16px);background:#ffffff14;border:2px solid rgba(255,255,255,.22);color:#cdd9ec;border-radius:14px;padding:10px 22px;font-size:clamp(15px,2.6vmin,24px);font-weight:700;cursor:pointer}.kiosk-rucno-btn:hover{background:#ffffff29}.kiosk-rucno{position:absolute;inset:0;display:flex;flex-direction:column;gap:clamp(8px,1.6vh,16px);padding:clamp(14px,3vmin,34px);background:radial-gradient(1200px 700px at 50% -10%,#16233b,#0b1220 55%,#070c16);animation:kiosk-fles-in .2s ease-out;overflow:hidden}.kiosk-rucno-vrh{display:flex;align-items:center;justify-content:space-between;gap:12px}.kiosk-rucno-naslov{font-size:clamp(22px,4.6vmin,44px);font-weight:800}.kiosk-rucno-zatvori{background:#dc2626d9;border:none;color:#fff;border-radius:12px;padding:10px 18px;font-size:clamp(15px,2.6vmin,22px);font-weight:700;cursor:pointer}.kiosk-rucno-pomoc{font-size:clamp(14px,2.4vmin,22px);opacity:.75}.kiosk-rucno-pretraga{width:100%;box-sizing:border-box;background:#ffffff14;border:2px solid rgba(255,255,255,.25);border-radius:14px;color:#e9eef7;padding:clamp(10px,2vmin,18px) clamp(14px,2.6vmin,22px);font-size:clamp(18px,3.4vmin,30px);font-weight:600;outline:none}.kiosk-rucno-pretraga:focus{border-color:#5e9cffb3}.kiosk-rucno-info,.kiosk-rucno-greska{font-size:clamp(15px,2.6vmin,24px);font-weight:600;opacity:.85}.kiosk-rucno-greska{color:#ffb4b4}.kiosk-rucno-lista{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:8px;padding-bottom:8px}.kiosk-rucno-item,.kiosk-rucno-potvrda{display:flex;align-items:center;gap:12px;background:#ffffff12;border:2px solid rgba(255,255,255,.16);border-radius:14px;padding:clamp(10px,1.8vmin,16px) clamp(14px,2.4vmin,20px);color:#e9eef7;font-size:clamp(17px,3vmin,26px);text-align:left}.kiosk-rucno-item{cursor:pointer;justify-content:space-between}.kiosk-rucno-item:hover{background:#5e9cff2e;border-color:#5e9cff80}.kiosk-rucno-ime{font-weight:700}.kiosk-rucno-sifra{font-family:ui-monospace,Cascadia Mono,Consolas,monospace;opacity:.6;font-size:.85em}.kiosk-rucno-potvrda{border-color:#4ade808c;background:#22c55e1f;flex-wrap:wrap}.kiosk-rucno-da,.kiosk-rucno-ne{border:none;border-radius:12px;padding:10px 18px;font-size:clamp(15px,2.6vmin,22px);font-weight:800;cursor:pointer}.kiosk-rucno-da{background:#16a34a;color:#fff;margin-left:auto}.kiosk-rucno-ne{background:#ffffff24;color:#e9eef7}.kiosk-idle .kiosk-sat{font-size:clamp(56px,17vmin,190px)}.kiosk-stanje{display:flex;flex-wrap:wrap;align-items:stretch;justify-content:center;gap:clamp(10px,2vmin,24px)}.kiosk-plocice{display:flex;gap:clamp(8px,1.6vmin,18px)}.kiosk-plocica{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:clamp(96px,15vmin,170px);min-height:72px;padding:clamp(6px,1.2vmin,14px) clamp(10px,1.8vmin,20px);border-radius:18px;background:#ffffff0f;border:2px solid rgba(255,255,255,.14);color:#e9eef7;cursor:pointer;font-family:inherit;touch-action:manipulation}.kiosk-plocica:active{transform:scale(.97);background:#ffffff24}.kiosk-plocica.aktivan{border-color:#4ade808c;background:#22c55e1f}.kiosk-plocica-naziv{font-size:clamp(14px,2.2vmin,22px);font-weight:700}.kiosk-plocica-broj{font-size:clamp(28px,6vmin,60px);font-weight:900;line-height:1.05;color:#9ec5ff;font-variant-numeric:tabular-nums}.kiosk-plocica-sitno{font-size:clamp(11px,1.6vmin,15px);opacity:.7}@media(max-width:480px){.kiosk-plocica{min-width:84px}.kiosk-obrok{font-size:20px}.kiosk-scan-input{font-size:16px}}@layer components{.kuvar-root{--kv-bg: var(--bg);--kv-card: var(--surface);--kv-text: var(--text);--kv-muted: var(--text-2);--kv-border: var(--border);--kv-accent: var(--brand);--kv-accent-text: var(--brand-contrast);--kv-head-bg: var(--surface-2);--kv-hover: var(--surface-3);--kv-success-bg: var(--ok-soft);--kv-success-text: var(--ok-text);--kv-error-bg: var(--danger-soft);--kv-error-text: var(--danger-text)}.kv-btn{min-height:44px;padding:8px 14px;border-radius:var(--r-md);border:1px solid var(--kv-border);background:var(--kv-card);color:var(--kv-text);font-size:15px;font-weight:700;cursor:pointer;transition:filter .15s ease,background .15s ease}.kv-btn:hover{filter:brightness(.96)}.kv-btn:disabled{opacity:.6;cursor:not-allowed}.kv-primary{background:var(--kv-accent);border-color:var(--kv-accent);color:var(--kv-accent-text)}.kv-secondary{background:var(--kv-head-bg)}.kv-card{background:var(--kv-card);border:1px solid var(--kv-border);border-radius:var(--r-lg);padding:14px}.kv-card-head h2{margin:0 0 4px;font-size:20px}.kv-muted{color:var(--kv-muted)}.kv-prisutno-cip{display:inline-flex;align-items:center;gap:6px;font-size:15px;font-weight:700;padding:6px 12px;border-radius:var(--r-pill);background:var(--brand-soft);border:1px solid var(--brand-border);white-space:nowrap}.kv-prisutno-cip b{color:var(--ok-text)}.kv-card-head .kv-muted{margin:0 0 12px;font-size:14px}.kv-info{padding:8px 10px;font-size:14px;color:var(--kv-muted)}.kv-error{margin:8px 0;padding:10px 12px;border-radius:var(--r-md);background:var(--kv-error-bg);color:var(--kv-error-text);font-weight:600;font-size:14px}.kv-success{margin-top:10px;padding:10px 12px;border-radius:var(--r-md);background:var(--kv-success-bg);color:var(--kv-success-text);font-weight:700;font-size:15px}.kv-satnice-head{display:none}.kv-satnice{display:flex;flex-direction:column;gap:10px}.kv-dan{border:1px solid var(--kv-border);border-radius:12px;padding:10px;display:flex;flex-direction:column;gap:8px;background:var(--kv-bg)}.kv-dan-naziv{font-weight:800;font-size:15px}.kv-obrok{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.kv-obrok-labela{font-size:14px;font-weight:600;min-width:96px}.kv-obrok-vremena{display:flex;align-items:center;gap:6px}.kv-crtica{color:var(--kv-muted)}.kv-obrok-vremena input[type=time]{min-height:44px;padding:6px 8px;font-size:15px;border:1px solid var(--kv-border);border-radius:8px;background:var(--kv-card);color:var(--kv-text);width:108px;max-width:40vw}@media(min-width:860px){.kv-satnice-head{display:grid;grid-template-columns:140px repeat(3,1fr);gap:10px;font-weight:800;font-size:14px;color:var(--kv-muted);padding:0 10px 6px}.kv-dan{display:grid;grid-template-columns:140px repeat(3,1fr);align-items:center;gap:10px}.kv-obrok{justify-content:flex-start}.kv-obrok-labela{display:none}}.kv-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.kv-actions .kv-btn{flex:0 1 auto}.kv-filteri{display:flex;flex-direction:column;gap:10px;margin-bottom:12px}.kv-opseg{display:flex;gap:10px;flex-wrap:wrap}.kv-opseg label{display:flex;flex-direction:column;gap:4px;font-size:13px;font-weight:700;color:var(--kv-muted);flex:1 1 140px;min-width:130px}.kv-opseg input[type=date]{min-height:44px;padding:6px 8px;font-size:15px;border:1px solid var(--kv-border);border-radius:8px;background:var(--kv-card);color:var(--kv-text);width:100%}.kv-preseti{display:flex;gap:8px;flex-wrap:wrap}.kv-chip{min-height:44px;padding:6px 14px;border-radius:var(--r-pill);border:1px solid var(--kv-border);background:var(--kv-head-bg);color:var(--kv-text);font-size:14px;font-weight:700;cursor:pointer}.kv-chip:hover{filter:brightness(.96)}.kv-obrok-filter{display:flex;gap:10px;flex-wrap:wrap}.kv-check{display:flex;align-items:center;gap:6px;min-height:44px;padding:4px 10px;border:1px solid var(--kv-border);border-radius:var(--r-md);font-size:14px;font-weight:600;cursor:pointer;background:var(--kv-card)}.kv-check input[type=checkbox]{width:20px;height:20px;accent-color:var(--kv-accent)}.kv-table-wrap{width:100%}.kv-table{width:100%;border-collapse:collapse;font-size:14px;table-layout:fixed}.kv-table th,.kv-table td{border:1px solid var(--kv-border);padding:8px 6px;text-align:left;overflow-wrap:break-word}.kv-table th{background:var(--kv-head-bg);font-weight:800;font-size:13px}.kv-table .kv-num{text-align:center}.kv-table tbody tr:hover td{background:var(--kv-hover)}.kv-table .kv-ukupno td{font-weight:800;background:var(--kv-head-bg);border-top:2px solid var(--kv-accent)}.kv-table .kv-dupli-col{color:var(--kv-muted);font-size:12px;width:15%}.kv-dan-mali{font-size:12px}@media(max-width:480px){.kv-obrok-vremena input[type=time],.kv-opseg input[type=date],.kv-dodaj-red input,.kv-dodaj-red select,.kv-pretraga{font-size:16px}.kv-table{font-size:12px}.kv-table th,.kv-table td{padding:6px 4px}.kv-table th{font-size:11px}.kv-dan-mali{display:none}.kv-card{padding:10px}}.kv-pretraga-labela{display:block;font-weight:700;font-size:14px;margin:10px 0 6px}.kv-pretraga{width:100%;min-height:44px;padding:10px 12px;border-radius:var(--r-md);border:1px solid var(--kv-border);background:var(--kv-card);color:var(--kv-text);font-size:16px;box-sizing:border-box}.kv-rucno-lista{display:flex;flex-direction:column;gap:8px;margin-top:10px;max-height:52vh;overflow-y:auto}.kv-rucno-item{display:flex;align-items:center;gap:10px;min-height:52px;padding:8px 12px;border-radius:var(--r-md);border:1px solid var(--kv-border);background:var(--kv-card);color:var(--kv-text);font-size:15px;cursor:pointer;text-align:left;transition:background .15s ease}.kv-rucno-item:hover{background:var(--kv-hover)}.kv-rucno-item:disabled{opacity:.6;cursor:not-allowed}.kv-rucno-ime{flex:1;min-width:0;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kv-rucno-sifra{color:var(--kv-muted);font-size:13px;font-weight:700;flex-shrink:0}.kv-rucno-akcija{flex-shrink:0;padding:8px 12px;border-radius:8px;background:var(--kv-accent);color:var(--kv-accent-text);font-weight:800;font-size:14px}.kv-rezultat{display:flex;align-items:center;gap:12px;padding:12px;border-radius:12px;margin:10px 0;border:2px solid transparent}.kv-rezultat.ok{background:var(--kv-success-bg);color:var(--kv-success-text);border-color:var(--ok-border)}.kv-rezultat.dupli{background:var(--kv-error-bg);color:var(--kv-error-text);border-color:var(--danger-border)}.kv-rezultat.upozorenje{background:var(--warn-soft);color:var(--warn-text);border-color:var(--warn-border)}.kv-rezultat-avatar{width:56px;height:56px;border-radius:var(--r-md);overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--kv-head-bg);font-size:24px}.kv-rezultat-avatar img{width:100%;height:100%;object-fit:cover}.kv-rezultat-tekst{flex:1;min-width:0}.kv-rezultat-ime{font-weight:800;font-size:17px;overflow-wrap:break-word}.kv-rezultat-detalj{margin-top:4px;font-weight:700;font-size:14px}.kv-rezultat-zatvori{flex-shrink:0;min-width:44px}@media(max-width:480px){.kv-rucno-akcija{font-size:13px;padding:8px 10px}.kv-rezultat-ime{font-size:15px}}.kuvar-root .kv-btn{color:var(--kv-text)}.kuvar-root .kv-primary{color:var(--kv-accent-text)}.kuvar-root .kv-tab{color:var(--kv-muted)}.kuvar-root .kv-tab.active{color:var(--kv-accent)}.kuvar-root .kv-chip,.kuvar-root .kv-rucno-item{color:var(--kv-text)}.kuvar-root .kv-rucno-item .kv-rucno-sifra{color:var(--kv-muted)}.kuvar-root .kv-rucno-item .kv-rucno-akcija{color:var(--kv-accent-text)}.kv-dodaj-obroke{border:2px dashed var(--kv-border);border-radius:12px;padding:12px;margin:12px 0}.kv-dodaj-naslov{font-weight:800;margin-bottom:6px}.kv-dodaj-red{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap}.kv-dodaj-red label{display:flex;flex-direction:column;gap:4px;font-size:13px;font-weight:700;min-width:0}.kv-dodaj-red input,.kv-dodaj-red select{min-height:44px;padding:6px 10px;border-radius:8px;border:1px solid var(--kv-border);background:var(--kv-card);color:var(--kv-text);font-size:15px}.kv-dodaj-red input[inputmode=numeric]{width:110px}.kv-dodato{font-size:12px;font-weight:700;color:var(--cat-orange-text);white-space:nowrap}@media(max-width:560px){.kv-dodaj-red{flex-direction:column;align-items:stretch}.kv-dodaj-red input[inputmode=numeric]{width:100%}}.kv-vik-nav{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:12px}.kv-vik-naslov{font-size:16px;font-weight:700;padding:0 6px}.kv-vik-tabela td,.kv-vik-tabela th{white-space:nowrap}.kv-vik-tabela td:nth-child(2){white-space:normal;min-width:160px}.kv-vik-kasni td{background:var(--cat-orange-soft)}.kv-vik-badge{display:inline-block;margin-left:8px;background:var(--cat-orange-soft);border:1px solid var(--cat-orange-border);color:var(--cat-orange-text);border-radius:var(--r-pill);padding:1px 9px;font-size:12px;font-weight:700;white-space:nowrap}.kv-vik-da{color:var(--ok-text);font-weight:800}.kv-vik-ne{opacity:.4}.kv-vik-kasni-primer{background:var(--cat-orange-soft);border-radius:var(--r-sm);padding:1px 6px;font-weight:700}.kv-vik-kartice{display:none}@media(max-width:760px){.kv-vik-tabela-wrap{display:none}.kv-vik-kartice{display:flex;flex-direction:column;gap:10px;width:100%;min-width:0}.kv-vik-kartica{border:1px solid var(--kv-border);border-radius:12px;padding:10px 12px;display:flex;flex-direction:column;gap:8px;box-sizing:border-box;width:100%;min-width:0}.kv-vik-kartica.kasni{border-color:var(--cat-orange);background:var(--cat-orange-soft)}.kv-vik-kartica-vrh{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.kv-vik-kartica-ime{font-weight:800;font-size:15px;overflow-wrap:break-word}.kv-vik-kartica-sifra{font-family:var(--font-mono);opacity:.55;font-size:13px}.kv-vik-kartica .kv-vik-badge{margin-left:0;align-self:flex-start}.kv-vik-kartica-vremena{display:flex;flex-direction:column;gap:3px;font-size:13.5px}.kv-vik-kartica-obroci{display:flex;flex-direction:column;gap:6px}.kv-vik-kartica-dan{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.kv-vik-kartica-dan-naziv{font-weight:700;font-size:13px}.kv-vik-pilula{border:1px solid var(--kv-border);border-radius:var(--r-pill);padding:3px 10px;font-size:12.5px;font-weight:600;white-space:nowrap}.kv-vik-pilula.da{background:var(--ok-soft);border-color:var(--ok-border)}.kv-vik-pilula.ne{opacity:.45}.kv-vik-kartica-sume{border:2px solid var(--brand-border);background:var(--brand-soft)}.kv-vik-kartica-sume .kv-vik-kartica-obroci{flex-direction:row;flex-wrap:wrap}}.kv-celija-btn{background:none;border:1px solid transparent;border-radius:8px;padding:4px 8px;min-height:36px;min-width:44px;color:inherit;font:inherit;font-weight:700;cursor:pointer}.kv-celija-btn:hover{background:var(--kv-hover);border-color:var(--kv-border);text-decoration:underline}.kv-prisutno-klik{cursor:pointer;color:inherit}.kv-prisutno-klik:hover{filter:brightness(.95)}.kuvar-root .kv-celija-btn,.kuvar-root .kv-prisutno-klik{color:inherit}.kv-btn,.kv-chip{display:inline-flex;align-items:center;justify-content:center;gap:6px}.kv-ico-naslov{display:flex;align-items:center;gap:8px}.kv-rucno-akcija{display:inline-flex;align-items:center;gap:6px}.kv-btn svg,.kv-chip svg,.kv-ico-naslov svg,.kv-prisutno-cip svg,.kv-rucno-akcija svg{flex-shrink:0}.kv-ah-left{display:flex;align-items:center;gap:8px}.kuvar-root .kv-page-title{margin:0;display:flex;align-items:center;gap:8px}.kv-mb-8{margin-bottom:8px}.kv-mt-8{margin-top:8px}.kv-razmak-8{height:8px}.kuvar-root .vaspitac-sidebar .kv-sb-bottom{margin-top:auto;padding:12px}.kuvar-root .vaspitac-sidebar .sb-bottom .kv-sb-btn,.kuvar-root .mobile-menu .kv-mob-dno .kv-sb-btn{gap:6px;width:100%;height:auto;padding:10px 12px;margin-bottom:8px;border-radius:8px}.kuvar-root .vaspitac-sidebar .sb-bottom .kv-sb-tema,.kuvar-root .mobile-menu .kv-mob-dno .kv-sb-tema{background:var(--surface);color:var(--info-text);border:1px solid var(--brand-border);font-weight:600}.kuvar-root .vaspitac-sidebar .sb-bottom .kv-sb-profil,.kuvar-root .mobile-menu .kv-mob-dno .kv-sb-profil{font-weight:700;background:var(--brand);color:var(--text-inverse);border:none;overflow:hidden;white-space:nowrap}.kv-sb-profil .kv-sb-tekst{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-inverse)}.kuvar-root .vaspitac-sidebar .sb-bottom .kv-sb-odjava,.kuvar-root .mobile-menu .kv-mob-dno .kv-sb-odjava{margin-bottom:0;background:var(--danger);color:var(--text-inverse);border:none;border-radius:6px}.kuvar-root .vaspitac-sidebar.collapsed .sb-bottom .kv-sb-btn{width:44px;height:44px;padding:0;border-radius:8px}.kv-mob-dno{padding:12px}.kv-mob-dno .kv-sb-btn{display:flex;align-items:center;justify-content:center}}