.app-shell{display:flex}.app-main{margin-left:220px;min-height:100vh;padding:32px;width:calc(100% - 220px)}.sidebar{background:var(--bg-sidebar);border-right:1px solid var(--border);display:flex;flex-direction:column;height:100vh;left:0;position:fixed;top:0;width:220px}.sidebar-logo{color:var(--accent-light);font-size:16px;font-weight:700;padding:24px 20px 16px}.sidebar-nav{display:flex;flex-direction:column;gap:4px;padding:4px 12px}.sidebar-link{align-items:center;border-radius:var(--radius-md);color:var(--text-secondary);display:flex;gap:10px;padding:9px 12px;text-decoration:none;transition:background .15s ease,color .15s ease}.sidebar-link:hover{background:var(--accent-muted);color:var(--text-primary)}.sidebar-link-active{background:var(--accent-muted);color:var(--accent-light);font-weight:500}.sidebar-user{align-items:center;border-top:1px solid var(--border);display:flex;gap:12px;margin-top:auto;padding:16px 20px}.sidebar-user-email{color:var(--text-muted);flex:1;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.icon-button{align-items:center;background:transparent;border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:inline-flex;height:32px;justify-content:center;transition:background .2s ease,border-color .2s ease,color .2s ease;width:32px}.icon-button:hover{background:var(--accent-muted);border-color:var(--border-hover);color:var(--text-primary)}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;transition:border-color .2s ease}.card:hover{border-color:var(--border-hover)}.button{align-items:center;border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:8px 16px;transition:background .2s ease,border-color .2s ease,color .2s ease}.button:disabled{cursor:not-allowed;opacity:.5}.button-full{width:100%}.button-primary{background:var(--accent);color:var(--text-primary)}.button-primary:hover:not(:disabled){background:var(--accent-hover)}.button-ghost{background:transparent;color:var(--text-primary)}.button-ghost:hover:not(:disabled){background:var(--accent-muted)}.button-danger{background:transparent;color:var(--danger)}.button-danger:hover:not(:disabled){background:var(--danger-muted)}.input{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);padding:10px 12px;transition:border-color .2s ease;width:100%}.input:focus{border-color:var(--accent);outline:none}.input::placeholder{color:var(--text-muted)}.spinner{animation:spin .8s linear infinite;border:2px solid transparent;border-radius:999px;border-top-color:currentColor;height:16px;width:16px}.spinner-lg{height:28px;width:28px}.loading-screen,.login-screen{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:24px}.loading-screen{flex-direction:column;gap:12px}.loading-text,.login-subtitle,.page-subtitle{color:var(--text-muted)}.login-card{box-shadow:0 24px 60px var(--shadow-soft);max-width:400px;width:100%}.login-title{color:var(--accent-light);font-size:24px;font-weight:700;margin-bottom:8px}.login-subtitle{margin-bottom:32px}.login-form{display:flex;flex-direction:column;gap:16px}.login-error{color:var(--danger);font-size:13px}.login-toggle{background:transparent;border:0;color:var(--accent-light);cursor:pointer;font-weight:500;text-align:left}.page-header{margin-bottom:24px}.page-title{font-size:28px;font-weight:700}.page-card-title{color:var(--text-secondary);font-size:13px;font-weight:500;margin-bottom:8px}.toast-region{bottom:24px;display:flex;flex-direction:column;gap:12px;position:fixed;right:24px;z-index:1000}.toast{animation:toast-in .24s ease,toast-out .24s ease 2.76s forwards;background:var(--bg-card);border:1px solid var(--border);border-left-width:3px;border-radius:var(--radius-md);min-width:280px;padding:12px 16px}.toast-success{border-left-color:var(--success)}.toast-error{border-left-color:var(--danger)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes toast-in{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@keyframes toast-out{to{opacity:0;transform:translate(24px)}}@media(max-width:900px){.sidebar{height:auto;position:static;width:100%}.app-shell{flex-direction:column}.app-main{margin-left:0;padding:24px;width:100%}}:root{--bg-base: #0f1117;--bg-card: #1a1d27;--bg-card-hover: #1e2130;--bg-input: #12151e;--bg-sidebar: #13151f;--accent: #6366f1;--accent-hover: #4f46e5;--accent-light: #818cf8;--accent-muted: rgba(99, 102, 241, .15);--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-muted: #475569;--border: rgba(255, 255, 255, .07);--border-hover: rgba(255, 255, 255, .12);--success: #10b981;--warning: #f59e0b;--danger: #ef4444;--badge-vize: #f59e0b;--badge-final: #ef4444;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--danger-muted: rgba(239, 68, 68, .1);--shadow-soft: rgba(15, 17, 23, .45)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100%}body{background:var(--bg-base);color:var(--text-primary);font-family:Inter,sans-serif;font-size:14px;font-weight:400;line-height:1.5}button,input{font:inherit}a{color:inherit}