*,*:before,*:after{box-sizing:border-box}.login-root{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;font-family:Segoe UI,Arial,sans-serif;background:linear-gradient(135deg,#1e3a8a,#2a6de9 45%,#6ea8ff)}.login-root.dark{background:linear-gradient(135deg,#0b1220,#14213a 55%,#1f3b66)}.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:#fff;border-radius:22px;box-shadow:0 24px 60px #020c2859;padding:26px 28px 22px;position:relative;z-index:1}.login-root.dark .login-card{background:#1c2430;box-shadow:0 24px 60px #0000008c}.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,#2a6de9,#6ea8ff);display:flex;align-items:center;justify-content:center;font-size:32px;box-shadow:0 8px 20px #2a6de966}.login-root .login-title,.login-root.dark .login-title{font-size:22px;font-weight:800;color:#1e293b;margin:0}.login-root.dark .login-title{color:#f1f5f9}.login-root .login-subtitle,.login-root.dark .login-subtitle{font-size:14px;color:#64748b;margin:0}.login-root.dark .login-subtitle{color:#94a3b8}.login-root .theme-switcher{position:absolute;top:14px;right:14px;padding:8px 12px;border-radius:10px;border:1px solid #dbe4f0;background:#f6f9ff;color:#1e3a8a;font-weight:700;font-size:13px;cursor:pointer}.login-root.dark .theme-switcher{background:#232b36;border-color:#3b4a62;color:#e5ecf6}.login-root .login-tabs{display:flex;gap:8px;margin-bottom:18px;background:#eef2f7;border-radius:12px;padding:5px}.login-root.dark .login-tabs{background:#141b25}.login-root .login-tabs .tab{flex:1;padding:11px 8px;border:none;border-radius:9px;background:transparent;color:#475569;font-size:14px;font-weight:700;cursor:pointer;transition:all .15s}.login-root.dark .login-tabs .tab{color:#94a3b8}.login-root .login-tabs .tab.active,.login-root.dark .login-tabs .tab.active{background:#2a6de9;color:#fff;box-shadow:0 4px 12px #2a6de959}.login-root .login-form{display:flex;flex-direction:column;gap:14px}.login-root .login-form label,.login-root.dark .login-form label{display:block;font-size:13px;font-weight:700;color:#334155;margin-bottom:6px}.login-root.dark .login-form label{color:#cbd5e1}.login-root .login-form input{width:100%;padding:13px 14px;border:1.5px solid #cbd5e1;border-radius:12px;font-size:15px;background:#fff;color:#1e293b;outline:none;transition:border-color .15s,box-shadow .15s}.login-root.dark .login-form input{background:#141b25;border-color:#3b4a62;color:#f1f5f9}.login-root .login-form input:focus{border-color:#2a6de9;box-shadow:0 0 0 4px #2a6de92e}.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:#b91c1c}.login-root .error{background:#fee2e2;border:1px solid #fca5a5;border-radius:10px;padding:11px 14px;font-size:14px;font-weight:600}.login-root.dark .error,.login-root.dark .error *{color:#fca5a5}.login-root.dark .error{background:#dc262626;border-color:#fca5a566}.login-root .login-btn{width:100%;padding:14px;border:none;border-radius:12px;background:linear-gradient(135deg,#2a6de9,#1e55c4);color:#fff;font-size:16px;font-weight:800;cursor:pointer;box-shadow:0 8px 20px #2a6de959;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:#94a3b8}.login-root .login-footer{margin-top:16px;text-align:center;font-size:12.5px}.login-root.dark .login-footer,.login-root.dark .login-footer span{color:#64748b}@media(max-width:480px){.login-root .login-card{padding:20px 18px 16px}}.vaspitac-root{display:grid;grid-template-columns:auto 1fr;min-height:100vh;background:#f4f8fb;color:#21262c;font-family:Segoe UI,Arial,sans-serif;max-width:100vw;overflow-x:hidden}.vaspitac-root.dark{background:#1c222b;color:#f4f8fb}.vaspitac-root h1,.vaspitac-root h2,.vaspitac-root h3,.vaspitac-root h4,.vaspitac-root h5,.vaspitac-root h6,.vaspitac-root p,.vaspitac-root span,.vaspitac-root div,.vaspitac-root label,.vaspitac-root td,.vaspitac-root th,.vaspitac-root a,.vaspitac-root li{color:#21262c}.vaspitac-root.dark h1,.vaspitac-root.dark h2,.vaspitac-root.dark h3,.vaspitac-root.dark h4,.vaspitac-root.dark h5,.vaspitac-root.dark h6,.vaspitac-root.dark p,.vaspitac-root.dark span,.vaspitac-root.dark div,.vaspitac-root.dark label,.vaspitac-root.dark td,.vaspitac-root.dark th,.vaspitac-root.dark a,.vaspitac-root.dark li{color:#f4f8fb}.vaspitac-root input,.vaspitac-root select,.vaspitac-root textarea{color:#21262c;background:#fff}.vaspitac-root.dark input,.vaspitac-root.dark select,.vaspitac-root.dark textarea{color:#f4f8fb;background:#1c222b;border-color:#3b4a62}.vaspitac-root input::placeholder,.vaspitac-root textarea::placeholder{color:#6b7280;opacity:.85}.vaspitac-root.dark input::placeholder,.vaspitac-root.dark textarea::placeholder{color:#a0b0c0;opacity:.9}.vaspitac-root input[type=date],.vaspitac-root input[type=time],.vaspitac-root input[type=datetime-local]{color:#21262c;background:#fff}.vaspitac-root.dark input[type=date],.vaspitac-root.dark input[type=time],.vaspitac-root.dark input[type=datetime-local]{color:#f4f8fb;background:#1c222b;color-scheme:light;border-color:#3b4a62}.vaspitac-root.dark input[type=date]::-webkit-calendar-picker-indicator,.vaspitac-root.dark input[type=time]::-webkit-calendar-picker-indicator,.vaspitac-root.dark input[type=datetime-local]::-webkit-calendar-picker-indicator{filter:brightness(0) invert(1);cursor:pointer;opacity:1}.vaspitac-root select option{background:#fff;color:#21262c}.vaspitac-root.dark select option{background:#1c222b;color:#f4f8fb}.vaspitac-root button{color:#fff!important}.vaspitac-root .primary-btn{background:#2a6de9;color:#fff!important}.vaspitac-root.dark .primary-btn{background:#63a4ea;color:#fff!important}.vaspitac-root .secondary-btn{color:#1e3a8a!important}.vaspitac-root.dark .secondary-btn{background:#2d3644;color:#e5ecf6!important;border-color:#3b4a62}.vaspitac-sidebar{position:sticky;top:0;height:100vh;width:280px;background:#fff;border-right:1px solid #e5e7eb;box-shadow:2px 0 12px #0000000d;display:flex;flex-direction:column;gap:10px;padding:12px;z-index:20}.vaspitac-root.dark .vaspitac-sidebar{background:#232b36;border-right-color:#2d3644}.vaspitac-sidebar.collapsed{width:72px;padding:12px 8px}.sb-toggle{background:var(--primary, #2a6de9);color:#fff;border:none;border-radius:10px;width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;padding:0;cursor:pointer;box-shadow:0 6px 18px #2a6de91f;transition:transform .18s ease,background .12s ease;max-width:220px}.sb-toggle .hamburger{width:20px;height:2px;background:#fff;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:#fff;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}.vaspitac-root.dark .sb-toggle .hamburger,.vaspitac-root.dark .sb-toggle .hamburger:before,.vaspitac-root.dark .sb-toggle .hamburger:after{background:#fff}.sb-title{font-size:18px;font-weight:800}.sb-nav{display:flex;flex-direction:column;gap:8px;margin-top:8px}.sb-item{display:flex;align-items:center;gap:10px;background:#f3f4f6;color:#111827;border:none;border-radius:10px;padding:10px 12px;cursor:pointer;text-align:left;font-weight:600}.vaspitac-root.dark .sb-item{background:#2d3644;color:#e5ecf6}.sb-item.active{background:#e0ebff;color:#1e40af}.vaspitac-root.dark .sb-item.active{background:#31425f;color:#a9c5ff}.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;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!important;box-sizing:border-box}.vaspitac-sidebar.collapsed .sb-bottom .theme-switcher{width:44px!important;height:44px!important;padding:0!important;border-radius:8px!important}.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!important;height:44px!important;padding:0!important;border-radius:8px!important}.mobile-menu .theme-switcher,.mobile-menu .profile-btn,.mobile-menu .logout-btn{max-width:none;width:100%!important;margin:0}.vaspitac-sidebar .sb-bottom button,.vaspitac-sidebar .sb-bottom .sb-item,.vaspitac-root.dark .vaspitac-sidebar .sb-bottom button,.vaspitac-root.dark .vaspitac-sidebar .sb-bottom .sb-item{color:#fff!important}.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 #e5e7eb;background:transparent}.vaspitac-root.dark .app-header{border-bottom-color:#2d3644}.page-title{margin:0;font-size:20px;font-weight:800}.ah-right{display:flex;align-items:center;gap:10px}.theme-switcher.local{position:static!important;background:#111827;color:#fff;border-radius:8px;padding:6px 10px;font-weight:600}.vaspitac-root.dark .theme-switcher.local{background:#f3f4f6;color:#111827}.vaspitac-sidebar .theme-switcher{position:relative!important;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(--bg);color:inherit}.vaspitac-sidebar.collapsed .theme-switcher{width:44px!important;height:44px!important;padding:0!important;border-radius:8px!important;display:inline-flex;align-items:center;justify-content:center}.mobile-menu .theme-switcher{position:static!important;width:100%!important;height:auto!important;padding:10px 12px!important;border-radius:8px!important}.theme-switcher{position:relative!important;max-width:100vw}.vaspitac-sidebar .theme-switcher,.vaspitac-sidebar .theme-switcher *{position:relative!important;top:auto!important;left:auto!important;transform:none!important;z-index:1!important}.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!important;height:44px!important;padding:0!important;border-radius:8px!important}.vaspitac-sidebar .profile-btn,.vaspitac-sidebar .logout-btn{z-index:1;position:relative}.mobile-menu .theme-switcher{position:relative!important;width:100%!important;z-index:1!important}.logout-btn.local{background:#2a6de9;color:#fff;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:#fff;border-radius:18px;box-shadow:0 4px 24px #2a6de917;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}.vaspitac-root.dark .vaspitac-page .card{background:#232b36;box-shadow:0 4px 24px #00000040}.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:#f4f8fb;border:1px solid #c7d2fe;border-radius:999px}.vaspitac-root.dark .searchbar{background:#1c222b;border-color:#3b4a62}.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:999px;padding:8px 12px;font-weight:800;font-size:13px;border:1px solid transparent}.stat-chip.present{background:#e7f7ef;color:#166534;border-color:#a7f3d0}.stat-chip.absent{background:#fdecec;color:#7f1d1d;border-color:#fecaca}.stat-chip.total{background:#eef2ff;color:#1e3a8a;border-color:#c7d2fe}.vaspitac-root.dark .stat-chip.present{background:#163527;color:#d1fae5;border-color:#256f57}.vaspitac-root.dark .stat-chip.absent{background:#3b1d1d;color:#fecaca;border-color:#7f1d1d}.vaspitac-root.dark .stat-chip.total{background:#28304f;color:#c7d2fe;border-color:#4b5b8c}.filter-select,.date-input.local,.opis-input{padding:8px 14px;font-size:15px;border-radius:8px;border:1px solid #2a6de9;background:#f4f8fb;color:inherit}.vaspitac-root.dark .filter-select,.vaspitac-root.dark .date-input.local,.vaspitac-root.dark .opis-input{background:#1c222b;border-color:#63a4ea}.primary-btn{background:#2a6de9;color:#fff;border:none;border-radius:10px;padding:10px 16px;font-weight:800;cursor:pointer;box-shadow:0 2px 8px #00000012}.secondary-btn{background:#eef2ff;color:#1e3a8a;border:1px solid #c7d2fe;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 th,.logs-table td{padding:12px;border-bottom:1px solid #e0e7ef;text-align:left;vertical-align:middle;word-break:break-word;overflow-wrap:anywhere;max-width:100%}.vaspitac-root.dark .logs-table th{background:#232b36;color:#f4f8fb}.vaspitac-root.dark .logs-table td{border-bottom:1px solid #333c4a}.vaspitac-root .logs-table tr.table-row:hover{background:#e7f2ff}.vaspitac-root.dark .logs-table tr.table-row:hover{background:#2a3442}.vaspitac-root.dark .logs-table tr.table-row:hover td,.vaspitac-root.dark .logs-table tr.table-row:hover .user-name,.vaspitac-root.dark .logs-table tr.table-row:hover .user-smer{color:#f4f8fb!important}.table-row{touch-action:manipulation;-ms-touch-action:manipulation;cursor:pointer}.user-img{width:38px;height:38px;border-radius:50%;object-fit:cover;box-shadow:0 2px 8px #2a6de91a;max-width:100%;height:auto;display:block}.vaspitac-root.dark .user-fallback{background:#2b3544;color:#9abfff}.badge{display:inline-block;padding:5px 11px;border-radius:12px;font-size:13.5px;font-weight:700;color:#fff}.badge-ulazak{background:#2a6de9}.badge-izlazak{background:#ffb347}.badge-skola{background:#7c3aed}.badge-kuci{background:#ef4444}.badge-dopustenje{background:#14b8a6}.badge-pauza{background:#22c55e}.vaspitac-root.dark .sound-banner{background:#3a331e;color:#fff9cc;border-color:#8c7f47}.vaspitac-root.dark .modal-overlay{background:#000000a6}.student-modal-card{width:min(920px,96vw);background:#fff;border-radius:16px;box-shadow:0 24px 64px #0000002e;display:flex;flex-direction:column;position:relative;max-height:92vh;overflow:hidden}.vaspitac-root.dark .student-modal-card{background:#232b36;box-shadow:0 24px 64px #0009}.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:#3b82f6;cursor:pointer;font-weight:700}.vaspitac-root.dark .modal-x{color:#63a4ea}.modal-header{padding:18px 22px 8px;border-bottom:1px solid #eef2f7}.vaspitac-root.dark .modal-header{border-bottom-color:#2d3644}.modal-header h3{margin:0;font-size:20px;font-weight:800;color:#0f172a}.vaspitac-root.dark .modal-header h3{color:#f4f8fb}.modal-body{display:grid;grid-template-columns:220px 1fr;gap:20px;padding:18px 22px 8px;overflow:auto}.vaspitac-root.dark .modal-body{background:#232b36}.avatar-dropzone{position:relative;width:100%;aspect-ratio:1 / 1;background:#eef5ff;border:2px solid #3b82f6;border-radius:14px;display:grid;place-items:center;cursor:pointer;-webkit-user-select:none;user-select:none}.vaspitac-root.dark .avatar-dropzone{background:#2b3544;border-color:#63a4ea}.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:#dbeafe;color:#2563eb;font-weight:900;font-size:42px}.vaspitac-root.dark .avatar-fallback{background:#1c222b;color:#9abfff}.avatar-hint{position:absolute;left:10px;bottom:10px;background:#ffffffd9;color:#1d4ed8;font-weight:700;padding:3px 8px;border-radius:8px;border:1px solid #bfdbfe}.vaspitac-root.dark .avatar-hint{background:#232b36f2;color:#9abfff;border-color:#3b4a62}.modal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 18px;align-content:start}.vaspitac-root.dark .modal-grid label{color:#f4f8fb}.form-row{display:flex;flex-direction:column;gap:6px}.vaspitac-root.dark .form-row label{color:#f4f8fb}.form-row label{font-weight:700;font-size:13.5px;color:#0f172a}.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 #c7d2fe;border-radius:10px;background:#f8fafc;color:#0f172a;font-size:15px}.vaspitac-root.dark .form-row input[type=text],.vaspitac-root.dark .form-row input[type=password],.vaspitac-root.dark .form-row input[type=email],.vaspitac-root.dark .form-row input[type=tel],.vaspitac-root.dark .form-row input[type=number],.vaspitac-root.dark .form-row input[type=date],.vaspitac-root.dark .form-row input[type=time],.vaspitac-root.dark .form-row select{background:#1c222b;color:#f4f8fb;border-color:#3b4a62}.form-row input[readOnly],.form-row input:disabled{background:#f1f5f9;color:#475569}.vaspitac-root.dark .form-row input[readOnly],.vaspitac-root.dark .form-row input:disabled{background:#2d3644;color:#9aa6be}.form-row .hint{font-size:12px;color:#6b7280}.vaspitac-root.dark .form-row .hint{color:#9aa6be}.checkbox{display:flex;align-items:center;gap:8px;font-weight:600}.vaspitac-root.dark .checkbox{color:#f4f8fb}.span-2{grid-column:span 2}.modal-actions{display:flex;justify-content:flex-end;gap:10px;padding:12px 22px 18px;border-top:1px solid #eef2f7;background:#fafafa;position:sticky;bottom:0}.vaspitac-root.dark .modal-actions{background:#1c222b;border-top-color:#2d3644}.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 #c7d2fe;border-radius:10px;background:#f8fafc;color:#0f172a;font-size:15px;box-sizing:border-box}.manual-form input:focus,.manual-form select:focus,.manual-form textarea:focus{outline:none;border-color:#60a5fa;box-shadow:0 0 0 3px #3b82f626}.vaspitac-root.dark .manual-form input[type=text],.vaspitac-root.dark .manual-form input[type=password],.vaspitac-root.dark .manual-form input[type=email],.vaspitac-root.dark .manual-form input[type=tel],.vaspitac-root.dark .manual-form input[type=number],.vaspitac-root.dark .manual-form select,.vaspitac-root.dark .manual-form textarea{background:#1c222b;border-color:#3b4a62;color:#e6eefc}.vaspitac-root.dark .manual-form .form-label{color:#f4f8fb}.vaspitac-root.dark .date-input.local::-webkit-calendar-picker-indicator{filter:brightness(0) invert(1);cursor:pointer;opacity:1}.status-dot{display:inline-block;width:12px;height:12px;border-radius:999px;box-shadow:0 0 0 2px #0000000f inset}.status-dot.present{background:#22c55e}.status-dot.absent{background:#ef4444}.vaspitac-root.dark .status-dot{box-shadow:0 0 0 2px #ffffff1a inset}@media(max-width:1100px){.vaspitac-sidebar{display:none}.page-body{display:flex;justify-content:center;align-items:flex-start;padding:16px}.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:#fff;border-radius:12px;padding:10px;box-shadow:0 6px 16px #1118270a;border:1px solid rgba(0,0,0,.04)}.vaspitac-root.dark .logs-table tr{background:#232b36;box-shadow:none;border:1px solid rgba(255,255,255,.03)}.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:#6b7280;font-size:13px;margin-right:8px;min-width:64px;display:inline-block}.vaspitac-root.dark .logs-table td:before{color:#9aa6be}.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:#6b7280;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vaspitac-root.dark .user-smer{color:#9aa6be}.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 #0000000f inset}.vaspitac-root.dark .logs-table td[data-label=Status] .status-dot{box-shadow:0 0 0 2px #ffffff14 inset}.logs-table td[data-label=ID]{font-weight:800;color:#374151}.vaspitac-root.dark .logs-table td[data-label=ID]{color:#e6eefc}}@media(max-width:980px)and (min-width:721px){.logs-table.wide{font-size:15px}.table-wrap{max-height:60vh}}:root{--primary: #2a6de9;--bg: #ffffff;--muted: #6b7280;--card: #f8fafc;--accent: #e0efff}.vaspitac-sidebar.modern{width:260px;background:linear-gradient(180deg,#fffffffa,#f5f9fffa);border-radius:14px;padding:14px;box-shadow:0 8px 30px #0f172a0f;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(--primary);color:#fff;border:none;border-radius:10px;padding:8px 10px;cursor:pointer;font-weight:800;box-shadow:0 6px 18px #2a6de91f;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(--accent);transform:translateY(-2px);box-shadow:0 6px 18px #0f172a0a}.sb-item:active{transform:translateY(0);box-shadow:none}.sb-item.active{background:linear-gradient(90deg,#2a6de90f,#fff0);position:relative}.sb-item.active:before{content:"";position:absolute;left:8px;top:8px;bottom:8px;width:4px;border-radius:6px;background:var(--primary)}.sb-ico{display:inline-grid;place-items:center;min-width:36px;min-height:36px;width:36px;height:36px;border-radius:10px;background:#2a6de90f;color:var(--primary);font-size:16px}.vaspitac-sidebar.collapsed .sb-item .sb-label{display:none}.vaspitac-sidebar.collapsed .sb-ico{border-radius:10px}.mobile-menu-btn{display:none;background:transparent;border:none;width:44px;height:44px;border-radius:10px;cursor:pointer;align-items:center;justify-content:center;transition:background .15s ease,transform .12s ease}.mobile-menu-btn:hover{background:#2a6de90f;transform:translateY(-2px)}.hamburger{width:20px;height:2px;background:var(--muted);display:block;position:relative;border-radius:2px}.hamburger:before,.hamburger:after{content:"";position:absolute;left:0;width:20px;height:2px;background:var(--muted);border-radius:2px}.hamburger:before{top:-6px}.hamburger:after{top:6px}.mobile-menu-overlay{position:fixed;inset:0;background:#06080f59;z-index:1500;display:flex;align-items:flex-start;justify-content:center;padding:20px}.mobile-menu{background:var(--bg);border-radius:12px;padding:16px;width:min(420px,94%);max-width:420px;box-shadow:0 18px 60px #0206175c;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(--muted)}@media(max-width:1100px){.vaspitac-sidebar{display:none}.mobile-menu-btn{display:inline-flex}}.vaspitac-content{padding-left:0}.page-body{padding-top:18px}.vaspitac-root.dark .vaspitac-sidebar.modern{background:linear-gradient(180deg,#121822e6,#0e1218e6);color:#e6eefc;box-shadow:0 10px 40px #0000005c}.vaspitac-root.dark .sb-ico{background:#ffffff05;color:#9abfff}.vaspitac-root.dark .sb-item:hover{background:#ffffff05}.vaspitac-root.dark .mobile-menu{background:#141722;color:#e6eefc;box-shadow:0 18px 60px #0009}@media(min-width:1101px){.vaspitac-page .card{width:calc(100% - 48px);max-width:none;margin:0 24px;box-shadow:0 6px 30px #2a6de90f}.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:#6b7280;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 #e5e7eb;border-radius:6px;background:#fff;font-size:15px}.time-input:focus{outline:none;border-color:#60a5fa;box-shadow:0 0 0 3px #3b82f626}.vaspitac-root.dark .time-input{background:#1c222b;color:#f4f8fb;border-color:#3b4a62}.result-name{font-weight:800}.result-id{font-size:12px;opacity:.8}@media(max-width:880px){.form-columns{flex-direction:column}.left-col .left-preview{width:96px;height:96px;margin:8px 0}}.vaspitac-root.dark .selected-fallback{background:#2b3544;color:#9abfff}.vaspitac-root.dark .form-row select option{background:#1c222b;color:#f4f8fb}.vaspitac-root.dark .form-row input[type=date]::-webkit-calendar-picker-indicator,.vaspitac-root.dark .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(--primary, #2a6de9);background:#f8fafc;border-radius:8px;margin-top:10px}.vaspitac-root.dark .note-box{background:#2b3544;border-left-color:#63a4ea}.note-box strong{display:block;margin-bottom:6px}.vaspitac-root.dark .note-box,.vaspitac-root.dark .info-box,.vaspitac-root.dark .warning-box{background:#3a331e;color:#fff9cc!important;border-color:#8c7f47}.vaspitac-root .theme-switcher{background:#fff;color:#1e3a8a!important;border:1px solid #c7d2fe;font-weight:600}.vaspitac-root.dark .theme-switcher{background:#232b36;color:#e5ecf6!important;border:1px solid #3b4a62}.form-modal{position:fixed;inset:0;background:#2a6de91a;z-index:1000;display:flex;align-items:center;justify-content:center}.vaspitac-root.dark .form-modal{background:#000000a6}.vaspitac-root.dark .manual-form{background:#232b36;color:#f4f8fb}.vaspitac-root.dark .close-btn{color:#63a4ea}.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:#21262c}.vaspitac-root.dark .manual-form h3,.vaspitac-root.dark .manual-form label,.vaspitac-root.dark .manual-form .form-label,.vaspitac-root.dark .manual-form .chosen-box,.vaspitac-root.dark .manual-form .result-empty{color:#f4f8fb}.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:#f4f8fb;color:#21262c;border:1px solid #2a6de9;padding:10px 12px;border-radius:8px;font-size:15px;width:100%;box-sizing:border-box}.vaspitac-root.dark .manual-form input[type=text],.vaspitac-root.dark .manual-form input[type=password],.vaspitac-root.dark .manual-form input[type=email],.vaspitac-root.dark .manual-form input[type=date],.vaspitac-root.dark .manual-form input[type=time],.vaspitac-root.dark .manual-form input[type=number],.vaspitac-root.dark .manual-form select,.vaspitac-root.dark .manual-form textarea{background:#1c222b;color:#f4f8fb;border-color:#3b4a62}.vaspitac-root .manual-form input::placeholder,.vaspitac-root .manual-form textarea::placeholder{color:#6b7280;opacity:.85}.vaspitac-root.dark .manual-form input::placeholder,.vaspitac-root.dark .manual-form textarea::placeholder{color:#a0b0c0;opacity:.9}.vaspitac-root .manual-form select option{background:#fff;color:#21262c}.vaspitac-root.dark .manual-form select option{background:#1c222b;color:#f4f8fb}.vaspitac-root.dark .manual-form input[type=date],.vaspitac-root.dark .manual-form input[type=time]{color-scheme:light}.vaspitac-root.dark .manual-form input[type=date]::-webkit-calendar-picker-indicator,.vaspitac-root.dark .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}.vaspitac-root.dark .result-item{background:#1f2732;border-color:#3b4a62}.vaspitac-root.dark .result-item:hover{background:#253142}.vaspitac-root.dark .result-avatar{background:#2b3544;color:#9abfff}.vaspitac-root.dark .result-name{color:#f4f8fb}.vaspitac-root.dark .result-id{color:#a0b0c0}.vaspitac-root.dark .result-empty{color:#f4f8fb}.vaspitac-root .chosen-box{margin:8px 0;font-weight:700;color:#21262c}.vaspitac-root.dark .chosen-box{color:#f4f8fb}.vaspitac-root .chosen-id{opacity:.8;color:#6b7280}.vaspitac-root.dark .chosen-id{color:#a0b0c0}.vaspitac-root.dark .return-info-text{background:#3b4a62;color:#e5ecf6;padding:4px 8px;border-radius:6px;display:inline-block;margin-top:6px}.vaspitac-root .sb-nav .sb-item{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,.vaspitac-root.dark .sb-nav .sb-item.active{background:linear-gradient(135deg,#2a6de9,#1e55c4)!important;box-shadow:0 6px 16px #2a6de959}.vaspitac-root .sb-nav .sb-item.active,.vaspitac-root .sb-nav .sb-item.active *,.vaspitac-root.dark .sb-nav .sb-item.active,.vaspitac-root.dark .sb-nav .sb-item.active *{color:#fff!important}.vaspitac-root .page-title{font-size:21px;font-weight:800;letter-spacing:.2px}.vaspitac-root .app-header{box-shadow:0 2px 10px #1018280f}.vaspitac-root.dark .app-header{box-shadow:0 2px 10px #00000059}.vaspitac-root .sb-title{font-weight:800;letter-spacing:.3px}.portir-root{min-height:100vh;width:100%;background:#f4f8fb;color:#21262c;font-family:Segoe UI,Arial,sans-serif}.portir-root.dark{background:#1c222b;color:#f4f8fb}.portir-root h1,.portir-root h2,.portir-root h3,.portir-root h4,.portir-root h5,.portir-root h6,.portir-root p,.portir-root span,.portir-root div,.portir-root label,.portir-root td,.portir-root th,.portir-root a,.portir-root li{color:#21262c}.portir-root.dark h1,.portir-root.dark h2,.portir-root.dark h3,.portir-root.dark h4,.portir-root.dark h5,.portir-root.dark h6,.portir-root.dark p,.portir-root.dark span,.portir-root.dark div,.portir-root.dark label,.portir-root.dark td,.portir-root.dark th,.portir-root.dark a,.portir-root.dark li{color:#f4f8fb}.portir-root input,.portir-root select,.portir-root textarea{color:#21262c;background:#fff}.portir-root.dark input,.portir-root.dark select,.portir-root.dark textarea{color:#f4f8fb;background:#1c222b;border-color:#3b4a62}.portir-root input::placeholder,.portir-root textarea::placeholder{color:#6b7280;opacity:.85}.portir-root.dark input::placeholder,.portir-root.dark textarea::placeholder{color:#a0b0c0;opacity:.9}.portir-root input[type=date],.portir-root input[type=time],.portir-root input[type=datetime-local]{color:#21262c;background:#fff}.portir-root.dark input[type=date],.portir-root.dark input[type=time],.portir-root.dark input[type=datetime-local]{color:#f4f8fb;background:#1c222b;color-scheme:light;border-color:#3b4a62}.portir-root.dark input[type=date]::-webkit-calendar-picker-indicator,.portir-root.dark input[type=time]::-webkit-calendar-picker-indicator,.portir-root.dark input[type=datetime-local]::-webkit-calendar-picker-indicator{filter:brightness(0) invert(1);cursor:pointer;opacity:1}.portir-root select option{background:#fff;color:#21262c}.portir-root.dark select option{background:#1c222b;color:#f4f8fb}.portir-root button,.portir-root .profile-btn,.portir-root.dark .profile-btn,.portir-root .logout-btn,.portir-root.dark .logout-btn{color:#fff!important}.theme-switcher{background:#fff;color:#1e3a8a!important;border:1px solid #c7d2fe;border-radius:8px;padding:6px 10px;font-weight:600;cursor:pointer;box-shadow:0 2px 8px #00000014}.portir-root.dark .theme-switcher{background:#232b36;color:#e5ecf6!important;border:1px solid #3b4a62}.theme-switcher{filter:none!important;opacity:1!important}.portir-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px 8px}.date-label{font-size:15px;opacity:.9;color:#21262c}.portir-root.dark .date-label{color:#f4f8fb}.date-input{font-size:16px;padding:7px 14px;border-radius:8px;border:1px solid #2a6de9;background:#fff;color:#21262c}.portir-root.dark .date-input{background:#1c222b;color:#f4f8fb;border-color:#63a4ea;color-scheme:light}.portir-root.dark .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:#f2f6fa;color:#1c2430;border-radius:999px;padding:6px 10px;font-size:13.5px;font-weight:700}.portir-root.dark .pinned-counter{background:#2c3542;color:#f4f8fb}.close-all-btn{background:#dc2626;color:#fff;border:none;border-radius:8px;padding:6px 10px;font-weight:700;cursor:pointer}.close-all-btn:hover{filter:brightness(1.05)}.logout-btn{background:#2a6de9;color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:700;padding:9px 18px;cursor:pointer;transition:background .2s}.portir-root.dark .logout-btn{background:#63a4ea;color:#fff}.sound-banner{position:fixed;left:50%;top:12px;transform:translate(-50%);z-index:1200;background:#fffbe6;color:#3b3b1f;border:1px solid #f2e8b3;border-radius:10px;padding:8px 12px;font-size:14px;box-shadow:0 6px 18px #00000014}.portir-root.dark .sound-banner{background:#3a331e;color:#fff9cc;border-color:#8c7f47}.sound-btn{margin-left:10px;padding:6px 10px;border-radius:8px;border:none;cursor:pointer;background:#2a6de9;color:#fff;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%!important;max-width:none!important;margin:0!important}.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)!important;max-width:none!important;margin:0 24px!important}}@media(max-width:1100px){.portir-content .vaspitac-page .card{width:100%!important;max-width:920px!important;margin:0 auto!important}}.logs-panel{background:#fff;border-radius:18px;box-shadow:0 4px 24px #2a6de917;padding:26px 28px;width:100%;max-width:none;margin:0 16px;display:flex;flex-direction:column;gap:20px;box-sizing:border-box}.portir-root.dark .logs-panel{background:#232b36}@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 #2a6de9;background:#f4f8fb;color:#21262c}.portir-root.dark .search-input,.portir-root.dark .filter-select{background:#1c222b;color:#f4f8fb;border-color:#63a4ea}.portir-root.dark .search-input::placeholder{color:#a0b0c0;opacity:.95}.portir-root.dark .filter-select option{background:#1c222b;color:#f4f8fb}.controls-spacer{flex:1 1 auto}.manual-add-btn{background:#48b274;color:#fff;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:#f2f6fa;box-shadow:0 2px #0000000a}.portir-root.dark .logs-table.sticky-head thead th{background:#232b36;box-shadow:0 2px #ffffff0a}.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 #e0e7ef;text-align:left;vertical-align:middle;color:#21262c}.logs-table th{background:#f2f6fa;font-size:15px;color:#21262c}.logs-table tr.table-row{cursor:pointer;transition:background .16s}.logs-table tr.table-row:hover{background:#e7f2ff}.portir-root.dark .logs-table th{background:#232b36;color:#f4f8fb}.portir-root.dark .logs-table td{border-bottom:1px solid #333c4a;color:#f4f8fb}.portir-root.dark .logs-table tr.table-row:hover{background:#2a3442}@keyframes rowFlashLight{0%{background-color:#fff6d6}to{background-color:transparent}}@keyframes rowFlashDark{0%{background-color:#ffd66640}to{background-color:transparent}}.row-flash{animation:rowFlashLight 2.5s ease-out}.portir-root.dark .row-flash{animation:rowFlashDark 2.5s ease-out}.row-anomaly{outline:2px solid rgba(220,38,38,.55);outline-offset:-2px}.badge-anomaly{box-shadow:0 0 0 2px #dc2626bf inset}.user-cell{display:flex;align-items:center;gap:10px}.user-img{width:38px;height:38px;border-radius:50%;object-fit:cover;box-shadow:0 2px 8px #2a6de91a}.user-fallback{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#e7f2ff;color:#2a6de9;font-weight:800}.portir-root.dark .user-fallback{background:#2b3544;color:#9abfff}.badge{display:inline-block;padding:5px 11px;border-radius:12px;font-size:13.5px;font-weight:700;color:#fff!important}.badge-ucenik{background:#2a6de9;color:#fff!important}.badge-radnik{background:#48b274;color:#fff!important}.badge-ulazak{background:#2a6de9;color:#fff!important}.badge-izlazak{background:#ffb347;color:#fff!important}.badge-skola{background:#7c3aed;color:#fff!important}.badge-kuci{background:#ef4444;color:#fff!important}.badge-dopustenje{background:#14b8a6;color:#fff!important}.badge-pauza{background:#22c55e;color:#fff!important}.badge-izlazak30min{background:#ec4899;color:#fff!important}.opis-input{width:100%;padding:8px 10px;border-radius:8px;border:1px solid #2a6de9;background:#f4f8fb;font-size:15px;color:#21262c}.portir-root.dark .opis-input{background:#1c222b;color:#f4f8fb;border:1px solid #63a4ea}.portir-root.dark .opis-input::placeholder{color:#a0b0c0;opacity:.9}.return-info-text{font-size:.85em;color:#666;margin-top:4px}.portir-root.dark .return-info-text{background:#3b4a62;color:#e5ecf6;padding:4px 8px;border-radius:6px;display:inline-block;margin-top:6px}.modal-overlay{position:fixed;inset:0;background:#11182759;display:grid;place-items:center;z-index:2000;padding:16px}.portir-root.dark .modal-overlay{background:#000000a6}.form-modal{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:100000}.portir-root.dark .form-modal{background:#000000a6}.manual-form{background:#fff;border-radius:18px;box-shadow:0 4px 24px #2a6de921;padding:26px 28px;min-width:360px;max-width:95vw;width:520px;display:flex;flex-direction:column;gap:12px;position:relative;color:#21262c}.portir-root.dark .manual-form{background:#232b36;color:#f4f8fb}.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:#21262c}.portir-root.dark .manual-form h3,.portir-root.dark .manual-form label,.portir-root.dark .manual-form .form-label,.portir-root.dark .manual-form .chosen-box,.portir-root.dark .manual-form .result-empty{color:#f4f8fb}.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:#f4f8fb;color:#21262c;border:1px solid #2a6de9;padding:10px 12px;border-radius:8px;font-size:15px}.portir-root.dark .manual-form input[type=text],.portir-root.dark .manual-form input[type=password],.portir-root.dark .manual-form input[type=email],.portir-root.dark .manual-form input[type=date],.portir-root.dark .manual-form input[type=time],.portir-root.dark .manual-form input[type=number],.portir-root.dark .manual-form select,.portir-root.dark .manual-form textarea{background:#1c222b;color:#f4f8fb;border-color:#3b4a62}.portir-root .manual-form input::placeholder,.portir-root .manual-form textarea::placeholder{color:#6b7280;opacity:.85}.portir-root.dark .manual-form input::placeholder,.portir-root.dark .manual-form textarea::placeholder{color:#a0b0c0;opacity:.9}.portir-root .manual-form select option{background:#fff;color:#21262c}.portir-root.dark .manual-form select option{background:#1c222b;color:#f4f8fb}.portir-root.dark .manual-form input[type=date],.portir-root.dark .manual-form input[type=time]{color-scheme:light}.portir-root.dark .manual-form input[type=date]::-webkit-calendar-picker-indicator,.portir-root.dark .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:#2a6de9;color:#fff;border:none;border-radius:8px;font-size:17px;font-weight:600;margin-top:8px;cursor:pointer;box-shadow:0 2px 8px #00000012;transition:background .2s;display:block}.portir-root.dark .login-btn{background:#63a4ea;color:#fff}.login-btn:disabled{opacity:.6;cursor:not-allowed}.error{color:#ffb347;font-weight:600;font-size:15px;margin-top:4px}.left-col .results-list{margin-top:8px}.left-preview{width:96px;height:96px;border-radius:12px;overflow:hidden;margin:10px 0 0}.portir-root.dark .left-col .left-preview{background:#2b3544}.portir-root.dark .left-col .left-preview .selected-fallback{color:#9abfff}@media(max-width:880px){.left-col .left-preview{width:96px;height:96px;margin:8px 0}}@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}}.close-btn{position:absolute;top:10px;right:12px;font-size:22px;background:none;border:none;color:#2a6de9;cursor:pointer;font-weight:700}.portir-root.dark .close-btn{color:#63a4ea}.details-form{width:560px}.portir-root .details-form .details-label,.portir-root .details-form .details-name{color:#21262c}.portir-root.dark .details-form .details-label,.portir-root.dark .details-form .details-name{color:#f4f8fb}.portir-root .details-textarea{background:#f4f8fb;color:#21262c;border:1px solid #2a6de9}.portir-root.dark .details-textarea{background:#1c222b;color:#f4f8fb;border-color:#3b4a62}.portir-root.dark .details-textarea::placeholder{color:#a0b0c0;opacity:.9}.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:#f8fafc;border:1px solid #c7d2fe;border-radius:10px;padding:8px 10px;cursor:pointer;transition:background .15s ease,box-shadow .15s ease}.result-item:hover{background:#eef2ff;box-shadow:0 4px 16px #0000000f}.result-item.active{outline:2px solid #2a6de9;outline-offset:-2px}.portir-root.dark .result-item{background:#1f2732;border-color:#3b4a62}.portir-root.dark .result-item:hover{background:#253142}.result-avatar{width:44px;height:44px;border-radius:10px;overflow:hidden;background:#e7f2ff;display:grid;place-items:center;font-weight:800;color:#2a6de9}.result-avatar img{width:44px;height:44px;object-fit:cover;border-radius:10px}.portir-root.dark .result-avatar{background:#2b3544;color:#9abfff}.result-meta{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.result-name{font-weight:800;color:#21262c}.portir-root.dark .result-name{color:#f4f8fb}.result-id{font-size:12px;opacity:.8;color:#21262c}.portir-root.dark .result-id{color:#f4f8fb}.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:#e7f2ff;color:#2a6de9;display:grid;place-items:center;font-weight:900;font-size:28px}.portir-root.dark .selected-fallback{background:#2b3544;color:#9abfff}.result-empty{padding:12px;text-align:center;opacity:.8;color:#21262c}.portir-root.dark .result-empty{color:#f4f8fb}@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:#fff;border-radius:12px;padding:10px;box-shadow:0 6px 16px #1118270a;border:1px solid rgba(0,0,0,.04)}.portir-root.dark .logs-table tr{background:#232b36;box-shadow:none;border:1px solid rgba(255,255,255,.03)}.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:#6b7280;font-size:13px;margin-right:8px;min-width:80px;display:inline-block}.portir-root.dark .logs-table td:before{color:#9aa6be}.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:#21262c}.portir-root.dark .user-name{color:#f4f8fb}.user-smer{font-size:12px;color:#6b7280;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.portir-root.dark .user-smer{color:#9aa6be}.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 #0000000f inset}.logs-table td[data-label=ID]{font-weight:800;color:#374151}.portir-root.dark .logs-table td[data-label=ID]{color:#e6eefc}}@media(max-width:420px){.logs-panel{margin:0!important;padding:8px!important;border-radius:8px!important;box-shadow:none!important}.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:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 12px 28px #0000001f;z-index:2000;max-height:260px;overflow:auto}.inline-dropdown button{display:block;width:100%;text-align:left;padding:8px 10px;border:none;background:#fff;color:#111;cursor:pointer}.inline-dropdown button:hover{background:#f3f5f9}.provera-root{padding:8px;box-sizing:border-box;min-height:100vh;display:flex;flex-direction:column;gap:12px}.provera-root.dark{background:#1c222b;color:#f4f8fb}.provera-root h1,.provera-root h2,.provera-root h3,.provera-root h4,.provera-root h5,.provera-root p,.provera-root span,.provera-root div,.provera-root label,.provera-root td,.provera-root th{color:#21262c}.provera-root.dark h1,.provera-root.dark h2,.provera-root.dark h3,.provera-root.dark h4,.provera-root.dark h5,.provera-root.dark p,.provera-root.dark span,.provera-root.dark div,.provera-root.dark label,.provera-root.dark td,.provera-root.dark th{color:#f4f8fb}.card{background:#fff;border-radius:8px;box-shadow:0 6px 18px #0000000f;padding:12px;box-sizing:border-box}.provera-root.dark .card{background:#232b36;box-shadow:0 6px 18px #00000040}.card-controls{display:flex;gap:12px;align-items:center;margin-bottom:8px}.manual-add-btn{background:#2a6de9;color:#fff;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:#f3f4f6;border:1px solid #e5e7eb;padding:8px 12px;border-radius:8px;cursor:pointer;color:#111827}.provera-root.dark .secondary-btn{background:#2d3644;border-color:#3b4a62;color:#e5ecf6}.sb-item{display:flex;gap:8px;align-items:center;padding:8px;border-radius:6px;background:#fafafa}.provera-root.dark .sb-item{background:#2d3644;color:#e5ecf6}.station-row{transition:background .2s ease;padding:10px;border-radius:8px;color:#fff}.station-row.green{background:#16a34a}.station-row.red{background:#ef4444}.station-row.orange{background:#f59e0b}.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}@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{display:none!important}.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!important}.mobile-controls{display:block;margin-bottom:8px}.left-panel.show-mobile{display:block!important;position:fixed;left:8px;right:8px;top:64px;z-index:1400;background:#fff;border-radius:10px;box-shadow:0 18px 40px #0206172e;max-height:40vh;overflow:auto;padding:10px}.provera-root.dark .left-panel.show-mobile{background:#232b36;box-shadow:0 18px 40px #0009}.provera-grid>div{width:100%!important;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:10px;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:#fff;border-radius:10px;padding:8px;box-shadow:0 6px 12px #1118270a;border:1px solid rgba(0,0,0,.04)}.provera-root.dark .logs-table tr{background:#232b36;box-shadow:none;border:1px solid rgba(255,255,255,.03)}.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:#6b7280;font-size:12px;margin-right:8px;min-width:80px;display:inline-block}.provera-root.dark .logs-table td:before{color:#9aa6be}.toast{right:12px;left:12px;bottom:12px;border-radius:10px;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:#21262c}.provera-root.dark input,.provera-root.dark select,.provera-root.dark textarea{color:#f4f8fb;background:#1c222b;border-color:#3b4a62}.provera-root.dark input::placeholder,.provera-root.dark textarea::placeholder{color:#a0b0c0;opacity:.9}.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-side{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:12px;box-shadow:0 1px 3px #1018280f}.vaspitac-root.dark .dn-side{background:#232b36;border-color:#3b4a62;box-shadow:none}.vaspitac-root .dn-search{width:100%;padding:10px 12px;border:1px solid #cbd5e1;border-radius:10px;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:#2a6de9;box-shadow:0 0 0 3px #2a6de926}.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:10px;background:transparent;cursor:pointer;text-align:left;transition:background .12s,border-color .12s}.vaspitac-root .dn-student:hover{background:#f1f5fb}.vaspitac-root.dark .dn-student:hover{background:#2b3542}.vaspitac-root .dn-student.active{background:#e8f0fe;border-color:#b6ccf5}.vaspitac-root.dark .dn-student.active{background:#1f3b66;border-color:#35507e}.vaspitac-root .dn-avatar{flex:0 0 36px;width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#2a6de9,#6ea8ff);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:13px;letter-spacing:.5px}.vaspitac-root .dn-avatar,.vaspitac-root.dark .dn-avatar{color:#fff}.vaspitac-root .dn-avatar.photo{padding:0;overflow:hidden;background:#e2e8f0;border:1px solid #cbd5e1}.vaspitac-root.dark .dn-avatar.photo{background:#1c222b;border-color:#3b4a62}.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,.vaspitac-root.dark .dn-student-sub{font-size:12px;color:#64748b}.vaspitac-root.dark .dn-student-sub{color:#9fb0c3}.vaspitac-root .dn-main{display:flex;flex-direction:column;gap:14px;min-width:0}.vaspitac-root .dn-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:14px 16px;box-shadow:0 1px 3px #1018280f}.vaspitac-root.dark .dn-card{background:#232b36;border-color:#3b4a62;box-shadow:none}.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,.vaspitac-root.dark .dn-muted{color:#64748b;font-size:13px}.vaspitac-root.dark .dn-muted{color:#9fb0c3}.vaspitac-root .dn-empty{padding:36px 16px;text-align:center;border:1px dashed #cbd5e1;border-radius:14px}.vaspitac-root.dark .dn-empty{border-color:#3b4a62}.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:999px;border:1px solid #cbd5e1;background:#f1f5f9;font-size:14px;font-weight:600;cursor:pointer;transition:all .12s}.vaspitac-root .dn-upis,.vaspitac-root .dn-upis *{color:#21262c!important}.vaspitac-root.dark .dn-upis{background:#1c222b;border-color:#3b4a62}.vaspitac-root.dark .dn-upis,.vaspitac-root.dark .dn-upis *{color:#e5ecf6!important}.vaspitac-root .dn-upis:hover{border-color:#2a6de9}.vaspitac-root .dn-upis.active,.vaspitac-root.dark .dn-upis.active{background:#2a6de9;border-color:#2a6de9}.vaspitac-root .dn-upis.active,.vaspitac-root .dn-upis.active *,.vaspitac-root.dark .dn-upis.active,.vaspitac-root.dark .dn-upis.active *{color:#fff!important}.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 #cbd5e1;border-radius:10px;font-size:14px;outline:none}.vaspitac-root .dn-form-row select:focus,.vaspitac-root .dn-form-row input:focus{border-color:#2a6de9;box-shadow:0 0 0 3px #2a6de926}.vaspitac-root .dn-btn{padding:11px 18px;border:none;border-radius:10px;font-weight:700;font-size:15px;cursor:pointer;background:#2a6de9;transition:filter .12s}.vaspitac-root .dn-btn,.vaspitac-root.dark .dn-btn,.vaspitac-root .dn-btn *{color:#fff}.vaspitac-root .dn-btn:hover{filter:brightness(1.08)}.vaspitac-root .dn-btn:disabled{opacity:.6;cursor:default}.vaspitac-root .dn-btn.ghost{background:#eef2f7;border:1px solid #cbd5e1}.vaspitac-root .dn-btn.ghost,.vaspitac-root .dn-btn.ghost *{color:#334155!important}.vaspitac-root.dark .dn-btn.ghost{background:#1c222b;border-color:#3b4a62}.vaspitac-root.dark .dn-btn.ghost,.vaspitac-root.dark .dn-btn.ghost *{color:#dbe6f3!important}.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:999px;background:#eef2ff;border:1px solid #c7d2fe;font-weight:800;font-size:13px;white-space:nowrap}.vaspitac-root .dn-prosek,.vaspitac-root .dn-prosek *{color:#1e3a8a}.vaspitac-root.dark .dn-prosek{background:#1f3b66;border-color:#35507e}.vaspitac-root.dark .dn-prosek,.vaspitac-root.dark .dn-prosek *{color:#cfe0ff}.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,.vaspitac-root.dark .dn-chip b{font-size:20px;line-height:1}.vaspitac-root .dn-chip.g5{background:#dcfce7;border-color:#86efac}.vaspitac-root .dn-chip.g5 b{color:#15803d}.vaspitac-root .dn-chip.g4{background:#ccfbf1;border-color:#5eead4}.vaspitac-root .dn-chip.g4 b{color:#0f766e}.vaspitac-root .dn-chip.g3{background:#fef9c3;border-color:#fde047}.vaspitac-root .dn-chip.g3 b{color:#a16207}.vaspitac-root .dn-chip.g2{background:#ffedd5;border-color:#fdba74}.vaspitac-root .dn-chip.g2 b{color:#c2410c}.vaspitac-root .dn-chip.g1{background:#fee2e2;border-color:#fca5a5}.vaspitac-root .dn-chip.g1 b{color:#b91c1c}.vaspitac-root.dark .dn-chip.g5{background:#16a34a2e;border-color:#86efac59}.vaspitac-root.dark .dn-chip.g5 b{color:#6ee7a0}.vaspitac-root.dark .dn-chip.g4{background:#0d94882e;border-color:#5eead459}.vaspitac-root.dark .dn-chip.g4 b{color:#5eead4}.vaspitac-root.dark .dn-chip.g3{background:#ca8a042e;border-color:#fde04759}.vaspitac-root.dark .dn-chip.g3 b{color:#fde047}.vaspitac-root.dark .dn-chip.g2{background:#ea580c2e;border-color:#fdba7459}.vaspitac-root.dark .dn-chip.g2 b{color:#fdba74}.vaspitac-root.dark .dn-chip.g1{background:#dc26262e;border-color:#fca5a559}.vaspitac-root.dark .dn-chip.g1 b{color:#fca5a5}.vaspitac-root .dn-chip.zakljucna{border-width:2px;border-style:solid;border-color:#f59e0b;box-shadow:0 0 0 2px #f59e0b26}.vaspitac-root .dn-chip-btn{border:none!important;background:transparent!important;cursor:pointer;font-size:16px;padding:2px 5px;line-height:1;opacity:.75;transition:opacity .12s,transform .12s;border-radius:6px}.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:#2563eb!important}.vaspitac-root.dark .dn-chip-btn.edit,.vaspitac-root.dark .dn-chip-btn.edit *{color:#7fa8ff!important}.vaspitac-root .dn-chip-btn.del,.vaspitac-root .dn-chip-btn.del *{color:#dc2626!important}.vaspitac-root.dark .dn-chip-btn.del,.vaspitac-root.dark .dn-chip-btn.del *{color:#f87171!important}.vaspitac-root .dn-chip.editing{background:#fff7ed;border:1px solid #fdba74;gap:4px}.vaspitac-root.dark .dn-chip.editing{background:#ea580c1f;border-color:#fdba7466}.vaspitac-root .dn-chip.editing select{padding:3px 4px;border-radius:8px;border:1px solid #cbd5e1;font-size:13px}.vaspitac-root .dn-error{background:#fee2e2;border:1px solid #fca5a5;border-radius:10px;padding:10px 14px;font-size:14px;font-weight:600}.vaspitac-root .dn-error,.vaspitac-root .dn-error *{color:#b91c1c}.vaspitac-root.dark .dn-error{background:#dc262626;border-color:#fca5a566}.vaspitac-root.dark .dn-error,.vaspitac-root.dark .dn-error *{color:#fca5a5}.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:#f1f5fb;border:1px solid #dbe4f0;border-radius:8px;padding:4px 10px;font-size:13px;font-weight:600}.vaspitac-root.dark .dn-list li{background:#1c222b;border-color:#3b4a62}.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 #cbd5e1;border-radius:10px;font-size:14px}.vaspitac-root .dn-seg{flex:1;padding:9px 12px;border-radius:10px;border:1px solid #cbd5e1;background:#eef2f7;font-size:14px;font-weight:700;cursor:pointer;transition:all .12s}.vaspitac-root .dn-seg,.vaspitac-root .dn-seg *{color:#475569!important}.vaspitac-root.dark .dn-seg{background:#1c222b;border-color:#3b4a62}.vaspitac-root.dark .dn-seg,.vaspitac-root.dark .dn-seg *{color:#9fb0c3!important}.vaspitac-root .dn-seg.active,.vaspitac-root.dark .dn-seg.active{background:#2a6de9;border-color:#2a6de9}.vaspitac-root .dn-seg.active,.vaspitac-root .dn-seg.active *,.vaspitac-root.dark .dn-seg.active,.vaspitac-root.dark .dn-seg.active *{color:#fff!important}.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 #cbd5e1;border-bottom:none;background:#eef2f7;font-size:15px;font-weight:700;cursor:pointer;transition:all .12s}.vaspitac-root .dn-tab,.vaspitac-root .dn-tab *{color:#475569!important}.vaspitac-root.dark .dn-tab{background:#1c222b;border-color:#3b4a62}.vaspitac-root.dark .dn-tab,.vaspitac-root.dark .dn-tab *{color:#9fb0c3!important}.vaspitac-root .dn-tab:hover{background:#e2e8f0}.vaspitac-root.dark .dn-tab:hover{background:#2b3542}.vaspitac-root .dn-tab.active,.vaspitac-root.dark .dn-tab.active{background:#2a6de9;border-color:#2a6de9}.vaspitac-root .dn-tab.active,.vaspitac-root .dn-tab.active *,.vaspitac-root.dark .dn-tab.active,.vaspitac-root.dark .dn-tab.active *{color:#fff!important}.vaspitac-root .dn-tab-badge{background:#ffffff40;border-radius:999px;padding:2px 10px;font-size:13px;font-weight:800}.vaspitac-root .dn-tab:not(.active) .dn-tab-badge{background:#64748b26}.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:#f1f5f9}.vaspitac-root.dark .dn-collapse-head:hover{background:#2b3542}.vaspitac-root .dn-collapse-arrow,.vaspitac-root.dark .dn-collapse-arrow{font-size:16px;color:#2a6de9!important;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:#f1f5f9;border-bottom:2px solid #cbd5e1;font-size:13px;white-space:nowrap}.vaspitac-root.dark .dn-table th{background:#1c222b;border-bottom-color:#3b4a62}.vaspitac-root .dn-table td{padding:8px 12px;border-bottom:1px solid #e2e8f0;vertical-align:middle}.vaspitac-root.dark .dn-table td{border-bottom-color:#2b3542}.vaspitac-root .dn-table tbody tr:hover td{background:#f8fafc}.vaspitac-root.dark .dn-table tbody tr:hover td{background:#262f3c}.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:10px;border:1px dashed #94a3b8;background:transparent;font-size:18px;font-weight:800;cursor:pointer;transition:all .12s;line-height:1}.vaspitac-root .dn-add-btn,.vaspitac-root.dark .dn-add-btn{color:#2a6de9!important}.vaspitac-root.dark .dn-add-btn{border-color:#3b4a62;color:#7fa8ff!important}.vaspitac-root .dn-add-btn:hover{background:#e8f0fe;border-color:#2a6de9;border-style:solid}.vaspitac-root.dark .dn-add-btn:hover{background:#1f3b66}.vaspitac-root .dn-izo-sums{display:flex;gap:8px;flex-wrap:wrap}.vaspitac-root .dn-badge{padding:4px 12px;border-radius:999px;font-weight:800;font-size:14px;border:1px solid transparent;white-space:nowrap}.vaspitac-root .dn-badge.ok{background:#dcfce7;border-color:#86efac}.vaspitac-root .dn-badge.ok,.vaspitac-root .dn-badge.ok *{color:#15803d!important}.vaspitac-root .dn-badge.bad{background:#fee2e2;border-color:#fca5a5}.vaspitac-root .dn-badge.bad,.vaspitac-root .dn-badge.bad *{color:#b91c1c!important}.vaspitac-root .dn-badge.warn{background:#fef9c3;border-color:#fde047}.vaspitac-root .dn-badge.warn,.vaspitac-root .dn-badge.warn *{color:#a16207!important}.vaspitac-root .dn-badge.sum{background:#eef2ff;border-color:#c7d2fe}.vaspitac-root .dn-badge.sum,.vaspitac-root .dn-badge.sum *{color:#1e3a8a!important}.vaspitac-root.dark .dn-badge.ok{background:#16a34a2e;border-color:#86efac59}.vaspitac-root.dark .dn-badge.ok,.vaspitac-root.dark .dn-badge.ok *{color:#6ee7a0!important}.vaspitac-root.dark .dn-badge.bad{background:#dc26262e;border-color:#fca5a559}.vaspitac-root.dark .dn-badge.bad,.vaspitac-root.dark .dn-badge.bad *{color:#fca5a5!important}.vaspitac-root.dark .dn-badge.warn{background:#ca8a042e;border-color:#fde04759}.vaspitac-root.dark .dn-badge.warn,.vaspitac-root.dark .dn-badge.warn *{color:#fde047!important}.vaspitac-root.dark .dn-badge.sum{background:#1f3b66;border-color:#35507e}.vaspitac-root.dark .dn-badge.sum,.vaspitac-root.dark .dn-badge.sum *{color:#cfe0ff!important}.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:10px;border:1px solid #e2e8f0;border-left-width:4px;font-size:14px}.vaspitac-root.dark .dn-izo-row{border-color:#2b3542;border-left-width:4px}.vaspitac-root .dn-izo-row.opravdan{border-left-color:#22c55e}.vaspitac-root .dn-izo-row.neopravdan{border-left-color:#ef4444}.vaspitac-root .dn-izo-row.neregulisan{border-left-color:#eab308}.vaspitac-root .dn-izo-row select{padding:5px 8px;border-radius:8px;border:1px solid #cbd5e1;font-size:13px}.vaspitac-root .dn-izo-datum,.vaspitac-root .dn-izo-casovi{font-weight:700;white-space:nowrap}.vaspitac-root .dn-field{display:flex;flex-direction:column;min-width:0}.vaspitac-root .dn-field>label,.vaspitac-root.dark .dn-field>label{font-size:13px;font-weight:700;margin-bottom:5px;color:#334155}.vaspitac-root.dark .dn-field>label{color:#cbd5e1}.vaspitac-root .dn-field input,.vaspitac-root .dn-field select{padding:11px 12px;border:1.5px solid #cbd5e1;border-radius:10px;font-size:14px;outline:none;transition:border-color .15s,box-shadow .15s}.vaspitac-root.dark .dn-field input,.vaspitac-root.dark .dn-field select{border-color:#3b4a62}.vaspitac-root .dn-field input:focus,.vaspitac-root .dn-field select:focus{border-color:#2a6de9;box-shadow:0 0 0 3px #2a6de92e}.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:#fff;border-radius:18px;padding:22px 24px;width:100%;max-width:560px;max-height:90vh;overflow-y:auto;box-shadow:0 24px 60px #020c2859;position:relative}.vaspitac-root.dark .dn-modal{background:#1c2430;box-shadow:0 24px 60px #0000008c}.vaspitac-root .dn-modal h3{margin:0 0 14px;font-size:19px}.vaspitac-root .dn-close{position:absolute;top:12px;right:14px;border:none!important;background:#eef2f7!important;width:34px;height:34px;border-radius:10px;font-size:17px;cursor:pointer;line-height:1}.vaspitac-root .dn-close,.vaspitac-root .dn-close *{color:#475569!important}.vaspitac-root.dark .dn-close{background:#141b25!important}.vaspitac-root.dark .dn-close,.vaspitac-root.dark .dn-close *{color:#cbd5e1!important}.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:999px;background:#eef2ff;border:1px solid #c7d2fe}.vaspitac-root .dn-week-range,.vaspitac-root .dn-week-range *{color:#1e3a8a!important}.vaspitac-root.dark .dn-week-range{background:#1f3b66;border-color:#35507e}.vaspitac-root.dark .dn-week-range,.vaspitac-root.dark .dn-week-range *{color:#cfe0ff!important}.vaspitac-root .dn-days{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}.vaspitac-root .dn-day{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:12px;min-height:130px;box-shadow:0 1px 3px #1018280f}.vaspitac-root.dark .dn-day{background:#232b36;border-color:#3b4a62;box-shadow:none}.vaspitac-root .dn-day.today{border:2px solid #2a6de9;box-shadow:0 0 0 3px #2a6de926}.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,.vaspitac-root.dark .dn-day-date{font-size:12px;font-weight:700;padding:2px 8px;border-radius:999px;background:#f1f5f9;color:#64748b}.vaspitac-root.dark .dn-day-date{background:#1c222b;color:#9fb0c3}.vaspitac-root .dn-smena{background:#e8f0fe;border-left:4px solid #2a6de9;border-radius:10px;padding:8px 10px;margin-bottom:8px}.vaspitac-root.dark .dn-smena{background:#1f3b66;border-left-color:#6ea8ff}.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:999px;font-size:12.5px;font-weight:700;background:#eef2ff;border:1px solid #c7d2fe}.vaspitac-root .dn-pill,.vaspitac-root .dn-pill *{color:#1e3a8a!important}.vaspitac-root.dark .dn-pill{background:#1f3b66;border-color:#35507e}.vaspitac-root.dark .dn-pill,.vaspitac-root.dark .dn-pill *{color:#cfe0ff!important}.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 #2a6de9;outline-offset:-2px;background:#e8f0fe}.vaspitac-root.dark .dn-day.dragover{background:#1f3b66}.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 #1e3a8a}.vaspitac-root.dark .dn-stampa-head{border-bottom-color:#6ea8ff}.vaspitac-root .dn-stampa-ustanova{font-weight:800;font-size:18px;letter-spacing:.4px;color:#0f172a!important}.vaspitac-root.dark .dn-stampa-ustanova{color:#e5ecf6!important}.vaspitac-root .dn-stampa-naslov{font-weight:700;font-size:15px;margin-top:4px;color:#1e3a8a!important}.vaspitac-root.dark .dn-stampa-naslov{color:#cfe0ff!important}.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 td{background:#eef2ff!important;font-size:14.5px}.vaspitac-root .dn-table tr.dn-red-sekcija td,.vaspitac-root .dn-table tr.dn-red-sekcija td *{color:#1e3a8a!important}.vaspitac-root.dark .dn-table tr.dn-red-sekcija td{background:#1f3b66!important}.vaspitac-root.dark .dn-table tr.dn-red-sekcija td,.vaspitac-root.dark .dn-table tr.dn-red-sekcija td *{color:#cfe0ff!important}.vaspitac-root .dn-table tr.dn-red-medjuzbir td{background:#f8fafc!important;border-top:2px solid #cbd5e1}.vaspitac-root .dn-table tr.dn-red-medjuzbir td,.vaspitac-root .dn-table tr.dn-red-medjuzbir td *{color:#0f172a!important}.vaspitac-root.dark .dn-table tr.dn-red-medjuzbir td{background:#1c2430!important;border-top-color:#3b4a62}.vaspitac-root.dark .dn-table tr.dn-red-medjuzbir td,.vaspitac-root.dark .dn-table tr.dn-red-medjuzbir td *{color:#e5ecf6!important}.vaspitac-root .dn-table tr.dn-red-ukupno td{background:#dbeafe!important;border-top:3px solid #1e3a8a;font-size:15px}.vaspitac-root .dn-table tr.dn-red-ukupno td,.vaspitac-root .dn-table tr.dn-red-ukupno td *{color:#1e3a8a!important}.vaspitac-root.dark .dn-table tr.dn-red-ukupno td{background:#1f3b66!important;border-top-color:#6ea8ff}.vaspitac-root.dark .dn-table tr.dn-red-ukupno td,.vaspitac-root.dark .dn-table tr.dn-red-ukupno td *{color:#cfe0ff!important}.vaspitac-root .dn-prosek-chip{display:inline-block;min-width:56px;padding:3px 12px;border-radius:999px;font-weight:800;font-size:13.5px;text-align:center;white-space:nowrap}.vaspitac-root .dn-prosek-chip.odl{background:#dcfce7;border:1px solid #86efac}.vaspitac-root .dn-prosek-chip.odl,.vaspitac-root .dn-prosek-chip.odl *{color:#166534!important}.vaspitac-root .dn-prosek-chip.vd{background:#dbeafe;border:1px solid #93c5fd}.vaspitac-root .dn-prosek-chip.vd,.vaspitac-root .dn-prosek-chip.vd *{color:#1e40af!important}.vaspitac-root .dn-prosek-chip.dob{background:#fef9c3;border:1px solid #fde047}.vaspitac-root .dn-prosek-chip.dob,.vaspitac-root .dn-prosek-chip.dob *{color:#854d0e!important}.vaspitac-root .dn-prosek-chip.slab{background:#fee2e2;border:1px solid #fca5a5}.vaspitac-root .dn-prosek-chip.slab,.vaspitac-root .dn-prosek-chip.slab *{color:#991b1b!important}.vaspitac-root.dark .dn-prosek-chip.odl{background:#14351f;border-color:#1f6b38}.vaspitac-root.dark .dn-prosek-chip.odl,.vaspitac-root.dark .dn-prosek-chip.odl *{color:#86efac!important}.vaspitac-root.dark .dn-prosek-chip.vd{background:#1f3b66;border-color:#35507e}.vaspitac-root.dark .dn-prosek-chip.vd,.vaspitac-root.dark .dn-prosek-chip.vd *{color:#93c5fd!important}.vaspitac-root.dark .dn-prosek-chip.dob{background:#3d3010;border-color:#6b5518}.vaspitac-root.dark .dn-prosek-chip.dob,.vaspitac-root.dark .dn-prosek-chip.dob *{color:#fde047!important}.vaspitac-root.dark .dn-prosek-chip.slab{background:#40191c;border-color:#7a2b31}.vaspitac-root.dark .dn-prosek-chip.slab,.vaspitac-root.dark .dn-prosek-chip.slab *{color:#fca5a5!important}.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 #e2e8f0;border-radius:14px;background:#fff;padding:12px;margin-bottom:12px;box-shadow:0 1px 3px #1018280f}.vaspitac-root.dark .dn-ocene tbody tr{background:#232b36;border-color:#3b4a62;box-shadow:none}.vaspitac-root .dn-ocene tbody td{border-bottom:none;border-radius:10px;background:#f8fafc;padding:8px 10px}.vaspitac-root.dark .dn-ocene tbody td{background:#1c222b}.vaspitac-root .dn-ocene tbody tr:hover td{background:#f8fafc}.vaspitac-root.dark .dn-ocene tbody tr:hover td{background:#1c222b}.vaspitac-root .dn-ocene td:nth-child(1){grid-area:predmet;background:transparent!important;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:#eef2ff}.vaspitac-root .dn-ocene td.dn-td-prosek,.vaspitac-root .dn-ocene td.dn-td-prosek *{color:#1e3a8a}.vaspitac-root.dark .dn-ocene td.dn-td-prosek{background:#1f3b66}.vaspitac-root.dark .dn-ocene td.dn-td-prosek,.vaspitac-root.dark .dn-ocene td.dn-td-prosek *{color:#cfe0ff}.vaspitac-root .dn-ocene td[data-label]:before{content:attr(data-label);display:block;font-size:12px;font-weight:800;color:#64748b;margin-bottom:6px;white-space:normal}.vaspitac-root.dark .dn-ocene td[data-label]:before{color:#9fb0c3}.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"}}.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:14px;background:#e7f2ff;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 18px #0000000f}.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:#2a6de9}.vaspitac-root .profile-btn,.vaspitac-root.dark .profile-btn,.vaspitac-root .logout-btn,.vaspitac-root.dark .logout-btn{color:#fff!important}.worker-card{margin-bottom:16px}.day-box{padding:8px;background:#f8fafc;border-radius:6px}.day-box-date{font-size:12px;color:#6b7280}.day-box-hours{font-weight:800}.vaspitac-root.dark .left-col .left-preview{background:#2b3544}.vaspitac-root.dark .left-col .left-preview .selected-fallback{color:#9abfff}.vaspitac-root.dark .day-box{background:#2d3644}.vaspitac-root.dark .day-box-date{color:#a0b0c0}.vaspitac-root.dark .day-box-hours,.vaspitac-root.dark .form-label,.vaspitac-root.dark label{color:#f4f8fb}@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}}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;--text-color: #213547;--bg-color: #ffffff;color:var(--text-color);background-color:var(--bg-color);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media(prefers-color-scheme:dark){:root{--text-color: #f4f8fb;--bg-color: #242424}}h1,h2,h3,h4,h5,h6,p,span,div,label,a,li,td,th{color:inherit}body,input,textarea,select{color:#213547}@media(prefers-color-scheme:dark){body,input,textarea,select{color:#f4f8fb}}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}@media(prefers-color-scheme:dark){a:hover{color:#747bff}}body{margin:0;min-width:320px;min-height:100vh;background-color:var(--bg-color);color:var(--text-color)}h1{font-size:3.2em;line-height:1.1;color:var(--text-color)}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;color:#fff;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){button{background-color:#f9f9f9;color:#213547}}input,textarea,select{font-family:inherit;color:var(--text-color)}@media(prefers-color-scheme:dark){input,textarea,select{color:#f4f8fb}}#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:#00000059;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}@media(prefers-color-scheme:dark){#global-loading-overlay .loading-backdrop{background:#000000a6}}#global-loading-overlay .loading-card{position:relative;z-index:10000;display:flex;gap:12px;align-items:center;padding:14px 18px;border-radius:10px;background:#fffffff2;color:#213547;min-width:160px;max-width:90%;box-shadow:0 8px 30px #02061780}@media(prefers-color-scheme:dark){#global-loading-overlay .loading-card{background:#1c222bf2;color:#f4f8fb}}.spinner{border-radius:50%;border:4px solid rgba(42,109,233,.12);border-top-color:#2a6de9f2;width:40px;height:40px;-webkit-animation:spin .9s linear infinite;animation:spin .9s linear infinite}@media(prefers-color-scheme:dark){.spinner{border:4px solid rgba(255,255,255,.12);border-top-color:#fffffff2}}@-webkit-keyframes spin{to{-webkit-transform:rotate(360deg)}}@keyframes spin{to{transform:rotate(360deg)}}.vaspitac-root .card,.portir-root .card{border-radius:14px!important;border:1px solid #e2e8f0!important;box-shadow:0 1px 3px #1018280f;background:#fff}.vaspitac-root.dark .card,.portir-root.dark .card{background:#232b36;border-color:#3b4a62!important;box-shadow:none}.vaspitac-root .searchbar,.portir-root .searchbar{border:1.5px solid #cbd5e1!important;border-radius:12px!important;background:#fff!important;transition:border-color .15s,box-shadow .15s}.vaspitac-root.dark .searchbar,.portir-root.dark .searchbar{background:#1c222b!important;border-color:#3b4a62!important}.vaspitac-root .searchbar:focus-within,.portir-root .searchbar:focus-within{border-color:#2a6de9!important;box-shadow:0 0 0 3px #2a6de92e}.vaspitac-root .searchbar .sb-input,.portir-root .searchbar .sb-input{font-size:15px!important}.vaspitac-root .stat-chip,.portir-root .stat-chip{border-radius:999px!important;font-weight:800!important;padding:6px 14px!important;border:1px solid transparent!important;font-size:13.5px!important}.vaspitac-root .stat-chip.present,.portir-root .stat-chip.present{background:#dcfce7!important;border-color:#86efac!important}.vaspitac-root .stat-chip.present,.vaspitac-root .stat-chip.present *,.portir-root .stat-chip.present,.portir-root .stat-chip.present *{color:#15803d!important}.vaspitac-root .stat-chip.absent,.portir-root .stat-chip.absent{background:#fee2e2!important;border-color:#fca5a5!important}.vaspitac-root .stat-chip.absent,.vaspitac-root .stat-chip.absent *,.portir-root .stat-chip.absent,.portir-root .stat-chip.absent *{color:#b91c1c!important}.vaspitac-root .stat-chip.total,.portir-root .stat-chip.total{background:#eef2ff!important;border-color:#c7d2fe!important}.vaspitac-root .stat-chip.total,.vaspitac-root .stat-chip.total *,.portir-root .stat-chip.total,.portir-root .stat-chip.total *{color:#1e3a8a!important}.vaspitac-root.dark .stat-chip.present,.portir-root.dark .stat-chip.present{background:#16a34a2e!important;border-color:#86efac59!important}.vaspitac-root.dark .stat-chip.present,.vaspitac-root.dark .stat-chip.present *,.portir-root.dark .stat-chip.present,.portir-root.dark .stat-chip.present *{color:#6ee7a0!important}.vaspitac-root.dark .stat-chip.absent,.portir-root.dark .stat-chip.absent{background:#dc26262e!important;border-color:#fca5a559!important}.vaspitac-root.dark .stat-chip.absent,.vaspitac-root.dark .stat-chip.absent *,.portir-root.dark .stat-chip.absent,.portir-root.dark .stat-chip.absent *{color:#fca5a5!important}.vaspitac-root.dark .stat-chip.total,.portir-root.dark .stat-chip.total{background:#1f3b66!important;border-color:#35507e!important}.vaspitac-root.dark .stat-chip.total,.vaspitac-root.dark .stat-chip.total *,.portir-root.dark .stat-chip.total,.portir-root.dark .stat-chip.total *{color:#cfe0ff!important}.vaspitac-root .logs-table th,.portir-root .logs-table th{background:#f1f5f9!important;border-bottom:2px solid #cbd5e1!important;font-size:13px!important;font-weight:800!important;padding:10px 12px!important;white-space:nowrap}.vaspitac-root.dark .logs-table th,.portir-root.dark .logs-table th{background:#1c222b!important;border-bottom-color:#3b4a62!important}.vaspitac-root .logs-table td,.portir-root .logs-table td{padding:9px 12px!important;border-bottom:1px solid #e2e8f0!important}.vaspitac-root.dark .logs-table td,.portir-root.dark .logs-table td{border-bottom-color:#2b3542!important}.vaspitac-root .logs-table tbody tr:hover td,.portir-root .logs-table tbody tr:hover td{background:#f8fafc!important}.vaspitac-root.dark .logs-table tbody tr:hover td,.portir-root.dark .logs-table tbody tr:hover td{background:#262f3c!important}.vaspitac-root .status-dot,.portir-root .status-dot{width:13px!important;height:13px!important}.vaspitac-root .status-dot.present,.portir-root .status-dot.present{box-shadow:0 0 0 3px #22c55e40!important}.vaspitac-root .status-dot.absent,.portir-root .status-dot.absent{box-shadow:0 0 0 3px #ef444433!important}.vaspitac-root .form-row>label,.portir-root .form-row>label{font-size:13px!important;font-weight:700!important;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!important;border:1.5px solid #cbd5e1!important;border-radius:10px!important;font-size:14px!important;outline:none;transition:border-color .15s,box-shadow .15s}.vaspitac-root.dark .form-row input,.vaspitac-root.dark .form-row select,.portir-root.dark .form-row input,.portir-root.dark .form-row select{border-color:#3b4a62!important}.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:#2a6de9!important;box-shadow:0 0 0 3px #2a6de92e!important}.vaspitac-root .student-modal-card,.vaspitac-root .manual-form,.portir-root .student-modal-card,.portir-root .manual-form{border-radius:18px!important;box-shadow:0 24px 60px #020c2859!important}.vaspitac-root .primary-btn,.portir-root .primary-btn{background:linear-gradient(135deg,#2a6de9,#1e55c4)!important;border:none!important;border-radius:10px!important;padding:11px 18px!important;font-weight:800!important;font-size:14.5px!important;box-shadow:0 6px 16px #2a6de94d;cursor:pointer}.vaspitac-root .primary-btn,.vaspitac-root .primary-btn *,.portir-root .primary-btn,.portir-root .primary-btn *{color:#fff!important}.vaspitac-root .secondary-btn,.portir-root .secondary-btn{background:#eef2f7!important;border:1px solid #cbd5e1!important;border-radius:10px!important;padding:10px 16px!important;font-weight:700!important;cursor:pointer}.vaspitac-root .secondary-btn,.vaspitac-root .secondary-btn *,.portir-root .secondary-btn,.portir-root .secondary-btn *{color:#334155!important}.vaspitac-root.dark .secondary-btn,.portir-root.dark .secondary-btn{background:#1c222b!important;border-color:#3b4a62!important}.vaspitac-root.dark .secondary-btn,.vaspitac-root.dark .secondary-btn *,.portir-root.dark .secondary-btn,.portir-root.dark .secondary-btn *{color:#dbe6f3!important}.vaspitac-root .stat-chip.warn,.portir-root .stat-chip.warn{background:#fef9c3!important;border-color:#fde047!important}.vaspitac-root .stat-chip.warn,.vaspitac-root .stat-chip.warn *,.portir-root .stat-chip.warn,.portir-root .stat-chip.warn *{color:#a16207!important}.vaspitac-root.dark .stat-chip.warn,.portir-root.dark .stat-chip.warn{background:#ca8a042e!important;border-color:#fde04759!important}.vaspitac-root.dark .stat-chip.warn,.vaspitac-root.dark .stat-chip.warn *,.portir-root.dark .stat-chip.warn,.portir-root.dark .stat-chip.warn *{color:#fde047!important}.vaspitac-root tr.anomaly-red td,.portir-root tr.anomaly-red td{background:#fee2e2!important}.vaspitac-root.dark tr.anomaly-red td,.portir-root.dark tr.anomaly-red td{background:#dc262638!important}.vaspitac-root tr.anomaly-yellow td,.portir-root tr.anomaly-yellow td{background:#fef9c3!important}.vaspitac-root.dark tr.anomaly-yellow td,.portir-root.dark tr.anomaly-yellow td{background:#ca8a042e!important}.vaspitac-root .anomaly-red-card{border-left:5px solid #dc2626!important}.vaspitac-root .anomaly-yellow-card{border-left:5px solid #eab308!important}.vaspitac-root .day-box.red,.portir-root .day-box.red{background:#fee2e2!important;border:2px solid #f87171!important;box-shadow:0 0 0 3px #dc262626!important}.vaspitac-root .day-box.red .day-box-hours,.vaspitac-root .day-box.red .day-box-hours *{color:#b91c1c!important}.vaspitac-root .day-box.yellow,.portir-root .day-box.yellow{background:#fef9c3!important;border:2px solid #facc15!important;box-shadow:0 0 0 3px #eab3082e!important}.vaspitac-root .day-box.yellow .day-box-hours,.vaspitac-root .day-box.yellow .day-box-hours *{color:#a16207!important}.vaspitac-root.dark .day-box.red{background:#dc262633!important;border-color:#fca5a566!important}.vaspitac-root.dark .day-box.red .day-box-hours,.vaspitac-root.dark .day-box.red .day-box-hours *{color:#fca5a5!important}.vaspitac-root.dark .day-box.yellow{background:#ca8a042e!important;border-color:#fde04766!important}.vaspitac-root.dark .day-box.yellow .day-box-hours,.vaspitac-root.dark .day-box.yellow .day-box-hours *{color:#fde047!important}.vaspitac-root .day-box,.portir-root .day-box{background:#e8f0fe!important;border:1px solid #b6ccf5!important;border-radius:10px!important;padding:8px 10px!important;text-align:center}.vaspitac-root.dark .day-box,.portir-root.dark .day-box{background:#1f3b66!important;border-color:#35507e!important}.vaspitac-root .day-box .day-box-date,.portir-root .day-box .day-box-date{font-size:12px!important;font-weight:700!important}.vaspitac-root .day-box .day-box-hours,.portir-root .day-box .day-box-hours{font-size:16px!important;font-weight:800!important}.vaspitac-root .day-box .day-box-hours,.vaspitac-root .day-box .day-box-hours *{color:#1e3a8a!important}.vaspitac-root.dark .day-box .day-box-hours,.vaspitac-root.dark .day-box .day-box-hours *{color:#cfe0ff!important}.portir-root .su-scroll,.vaspitac-root .su-scroll{max-height:calc(100vh - 320px);overflow:auto;border:1px solid #e2e8f0;border-radius:12px}.portir-root.dark .su-scroll,.vaspitac-root.dark .su-scroll{border-color:#3b4a62}.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%!important;border:2px solid #e2e8f0!important;object-fit:cover}.vaspitac-root .user-fallback,.portir-root .user-fallback{background:linear-gradient(135deg,#2a6de9,#6ea8ff)!important;border-radius:50%!important;font-weight:800!important}.vaspitac-root .user-fallback,.vaspitac-root .user-fallback *,.portir-root .user-fallback,.portir-root .user-fallback *{color:#fff!important}.rt-wrap{container-type:inline-size;container-name:rt}@container rt (max-width: 880px){.rt-wrap{overflow-x:visible!important}.rt-cards thead{display:none!important}.rt-cards,.rt-cards tbody{display:block!important;width:100%!important}.rt-cards tbody tr{display:flex!important;flex-wrap:wrap;align-items:stretch;gap:8px;border:1px solid #e2e8f0!important;border-radius:14px;background:#fff!important;padding:12px;margin-bottom:12px;box-shadow:0 1px 3px #1018280f}.dark .rt-cards tbody tr{background:#232b36!important;border-color:#3b4a62!important;box-shadow:none}.rt-cards tbody tr:hover td{background:#f8fafc!important}.dark .rt-cards tbody tr:hover td{background:#1c222b!important}.rt-cards tbody td{display:block!important;flex:1 1 auto;border:none!important;border-radius:10px;background:#f8fafc!important;padding:8px 10px!important;white-space:normal!important;text-align:left!important;max-width:none!important}.dark .rt-cards tbody td{background:#1c222b!important}.rt-cards td[data-l]:before{content:attr(data-l);display:block;font-size:12px;font-weight:800;color:#64748b!important;margin-bottom:4px;white-space:normal}.dark .rt-cards td[data-l]:before{color:#9fb0c3!important}.rt-cards td.rt-head{flex:1 1 100%;background:transparent!important;padding:0 0 2px!important;font-size:16px;font-weight:800}.rt-cards td.rt-img{flex:0 0 auto;background:transparent!important;padding:0!important}.rt-cards td.rt-full{flex:1 1 100%}.rt-cards td.rt-actions{flex:1 1 100%;background:transparent!important;padding:4px 0 0!important;display:flex!important;gap:8px;flex-wrap:wrap}}@container rt (max-width: 880px){.rt-cards tbody tr.anomaly-red{background:#fee2e2!important;border-color:#fca5a5!important}.rt-cards tbody tr.anomaly-yellow{background:#fef9c3!important;border-color:#fde047!important}.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:#fff9!important}.dark .rt-cards tbody tr.anomaly-red{background:#40191c!important;border-color:#7a2b31!important}.dark .rt-cards tbody tr.anomaly-yellow{background:#3d3010!important;border-color:#6b5518!important}.dark .rt-cards tbody tr.anomaly-red td,.dark .rt-cards tbody tr.anomaly-yellow td,.dark .rt-cards tbody tr.anomaly-red:hover td,.dark .rt-cards tbody tr.anomaly-yellow:hover td{background:#00000040!important}}@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!important}}