@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap);:root{--color-primary-50:#ecfdf5;--color-primary-100:#d1fae5;--color-primary-200:#a7f3d0;--color-primary-300:#6ee7b7;--color-primary-400:#34d399;--color-primary-500:#10b981;--color-primary-600:#059669;--color-primary-700:#047857;--color-primary-800:#065f46;--color-primary-900:#064e3b;--color-accent-400:#38bdf8;--color-accent-500:#0ea5e9;--color-accent-600:#0284c7;--color-success-400:#4ade80;--color-success-500:#22c55e;--color-warning-400:#facc15;--color-warning-500:#eab308;--color-error-400:#f87171;--color-error-500:#ef4444;--color-error-600:#dc2626;--color-white:#fff;--color-gray-50:#f8fafc;--color-gray-100:#f1f5f9;--color-gray-200:#e2e8f0;--color-gray-300:#cbd5e1;--color-gray-400:#94a3b8;--color-gray-500:#64748b;--color-gray-600:#475569;--color-gray-700:#334155;--color-gray-800:#1e293b;--color-gray-900:#0f172a;--color-gray-950:#020617;--gradient-primary:linear-gradient(135deg,#059669,#10b981 50%,#34d399);--gradient-accent:linear-gradient(135deg,#0ea5e9,#10b981);--gradient-dark:linear-gradient(135deg,#0f172a,#0c1f1a 50%,#0f172a);--gradient-glass:linear-gradient(135deg,#ffffff1a,#ffffff0d);--gradient-btn-hover:linear-gradient(135deg,#047857,#059669 50%,#10b981);--gradient-hero:linear-gradient(160deg,#0f172a,#0c1f1a 30%,#064e3b 60%,#0c1f1a);--font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--font-weight-light:300;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.75;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--shadow-2xl:0 25px 50px -12px #00000040;--shadow-glow:0 0 20px #10b9814d;--shadow-glow-lg:0 0 40px #10b98166;--shadow-inner:inset 0 2px 4px 0 #0000001a;--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-normal:250ms cubic-bezier(0.4,0,0.2,1);--transition-slow:350ms cubic-bezier(0.4,0,0.2,1);--transition-spring:500ms cubic-bezier(0.34,1.56,0.64,1);--z-dropdown:100;--z-sticky:200;--z-overlay:300;--z-modal:400;--z-toast:500}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;scroll-behavior:smooth;text-rendering:optimizeLegibility}body{background-color:var(--color-gray-950);color:var(--color-white);font-family:var(--font-family);font-size:var(--font-size-base);font-weight:var(--font-weight-regular);line-height:var(--line-height-normal);min-height:100vh}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin:0}p{margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{color:inherit;font:inherit}button{background:none;border:none;cursor:pointer}img,svg,video{display:block;max-width:100%}ol,ul{list-style:none}:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:var(--color-gray-900)}::-webkit-scrollbar-thumb{background:var(--color-gray-700);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-gray-600)}::selection{background:var(--color-primary-600);color:var(--color-white)}#root{min-height:100vh}.signin-page{font-family:var(--font-family);min-height:100vh}.signin-hero,.signin-page{background:#fff;display:flex}.signin-hero{align-items:center;flex:1.1 1;justify-content:center;overflow:hidden;padding:var(--space-8);position:relative}.hero-content{max-width:500px;z-index:2}.hero-content,.hero-sticker-container{align-items:center;display:flex;justify-content:center;position:relative;width:100%}.hero-sticker-container{aspect-ratio:1}.sticker-bg-circle{background:#ecfdf5;border-radius:50%;bottom:8%;filter:blur(10px);height:76%;left:12%;opacity:.8;position:absolute;width:76%;z-index:1}.hero-sticker-img{height:90%;object-fit:contain;position:relative;width:90%;z-index:2}.signin-form-panel{align-items:center;background:linear-gradient(135deg,#f3fbf5,#e8f1ef);border-left:1px solid #e2e8f0;display:flex;flex:1 1;justify-content:center;padding:var(--space-8)}.signin-container{align-items:stretch;display:flex;flex-direction:column;max-width:440px;width:100%}.role-tabs{background:#fff;border:1px solid #10b9811a;border-radius:var(--radius-2xl);box-shadow:0 4px 15px #00000008;display:flex;margin-bottom:var(--space-8);padding:6px}.role-tab{background:#0000;border:none;border-radius:var(--radius-xl);color:var(--color-gray-600);cursor:pointer;flex:1 1;font-size:var(--font-size-sm);font-weight:600;padding:10px 0;text-align:center;transition:all var(--transition-normal)}.role-tab:hover{color:var(--color-primary-600)}.role-tab.active{background:var(--color-primary-600);box-shadow:0 4px 12px #10b98140;color:var(--color-white)}.signin-header{margin-bottom:var(--space-6);text-align:center}.signin-title{color:#064e3b;font-size:var(--font-size-3xl);font-weight:800;letter-spacing:-.02em;margin-bottom:var(--space-2)}.signin-subtitle{color:#374151;font-size:var(--font-size-sm)}.signin-card{background:#fff;border:1px solid #10b98114;border-radius:var(--radius-2xl);box-shadow:0 20px 40px #00000008;padding:var(--space-8)}.signin-form{gap:var(--space-6)}.input-group,.signin-form{display:flex;flex-direction:column}.input-group{gap:var(--space-2)}.input-label{color:#065f46;font-size:var(--font-size-sm);font-weight:700;text-align:left}.input-field{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:var(--radius-xl);box-sizing:border-box;color:var(--color-gray-800);font-family:var(--font-family);font-size:var(--font-size-base);outline:none;padding:14px var(--space-4);transition:all var(--transition-normal);width:100%}.input-field::placeholder{color:var(--color-gray-400)}.input-field:focus{background:#fff;border-color:var(--color-primary-500);box-shadow:0 0 0 4px #10b98114}.signin-btn{align-items:center;background:var(--color-primary-600);border:none;border-radius:var(--radius-xl);box-shadow:0 4px 15px #10b98133;color:var(--color-white);cursor:pointer;display:flex;font-family:var(--font-family);font-size:var(--font-size-base);font-weight:700;justify-content:center;min-height:50px;padding:14px var(--space-6);transition:all var(--transition-normal);width:100%}.signin-btn:hover:not(:disabled){background:var(--color-primary-700);box-shadow:0 6px 20px #10b9814d;transform:translateY(-1px)}.signin-btn:active:not(:disabled){transform:translateY(0)}.signin-btn:disabled{cursor:not-allowed;opacity:.7}.signin-btn-text{align-items:center;display:flex;gap:var(--space-2)}.signin-error{align-items:flex-start;animation:error-slide-in .3s cubic-bezier(.16,1,.3,1);background:#fef2f2;border:1px solid #fecaca;border-radius:var(--radius-lg);display:flex;gap:var(--space-3);margin-bottom:var(--space-4);padding:var(--space-3) var(--space-4)}@keyframes error-slide-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.signin-error-icon{color:var(--color-error-500);flex-shrink:0;font-size:var(--font-size-lg);margin-top:1px}.signin-error-text{color:var(--color-error-600);font-size:var(--font-size-sm);line-height:var(--line-height-normal);text-align:left}@media (max-width:992px){.signin-page{flex-direction:column}.signin-hero{flex:none;height:320px;padding:var(--space-6)}.signin-form-panel{flex:1 1;padding:var(--space-6)}.hero-sticker-container{height:240px;width:240px}}@media (max-width:480px){.signin-card{padding:var(--space-6)}.role-tabs{background:#0000;border:none;box-shadow:none;flex-wrap:wrap;gap:4px;padding:0}.role-tab{background:#fff;border:1px solid #10b9811a;flex:none;width:calc(50% - 2px)}.role-tab.active{background:var(--color-primary-600);border-color:var(--color-primary-600)}}.dashboard-layout{background:#f5f7fa;display:flex;font-family:var(--font-family);min-height:100vh}.sidebar{background:#fff;border-right:1px solid #e8ecf1;bottom:0;display:flex;flex-direction:column;left:0;overflow-x:hidden;position:fixed;top:0;transition:width var(--transition-normal);width:260px;z-index:var(--z-sticky)}.sidebar-collapsed .sidebar{width:72px}.sidebar-header{border-bottom:1px solid #f0f2f5;justify-content:space-between;min-height:64px;padding:20px 16px}.sidebar-brand,.sidebar-header{align-items:center;display:flex}.sidebar-brand{gap:10px;overflow:hidden;white-space:nowrap}.sidebar-logo{flex-shrink:0;font-size:28px}.sidebar-title{color:#064e3b;font-size:var(--font-size-xl);font-weight:800;letter-spacing:-.02em}.sidebar-collapse-btn{align-items:center;background:none;border:none;border-radius:var(--radius-md);color:var(--color-gray-400);cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:4px;transition:all var(--transition-fast)}.sidebar-collapse-btn:hover{background:#f5f7fa;color:var(--color-gray-700)}.sidebar-collapsed .sidebar-collapse-btn{margin:0 auto}.sidebar-nav{display:flex;flex:1 1;flex-direction:column;gap:2px;overflow-y:auto;padding:12px 8px}.nav-item{align-items:center;border-radius:var(--radius-lg);color:var(--color-gray-600);cursor:pointer;display:flex;font-size:var(--font-size-sm);font-weight:500;gap:12px;overflow:hidden;padding:10px 12px;text-decoration:none;transition:all var(--transition-fast);white-space:nowrap}.nav-item:hover:not(.disabled){background:#ecfdf5;color:#065f46}.nav-item.active{background:var(--color-primary-600);box-shadow:0 2px 8px #10b98133;color:#fff;font-weight:600}.nav-item.active .nav-icon{color:#fff}.nav-item.disabled{cursor:not-allowed;opacity:.4}.nav-icon{align-items:center;display:flex;flex-shrink:0;height:20px;justify-content:center;width:20px}.nav-label{overflow:hidden;text-overflow:ellipsis}.sidebar-collapsed .nav-item{justify-content:center;padding:10px}.sidebar-footer{border-top:1px solid #f0f2f5;gap:8px;justify-content:space-between;padding:12px}.sidebar-footer,.user-info{align-items:center;display:flex}.user-info{gap:10px;min-width:0;overflow:hidden}.user-avatar{align-items:center;background:var(--gradient-primary);border-radius:var(--radius-full);color:#fff;display:flex;flex-shrink:0;font-size:13px;font-weight:700;height:36px;justify-content:center;width:36px}.user-details{display:flex;flex-direction:column;overflow:hidden}.user-name{color:var(--color-gray-800);font-size:var(--font-size-sm);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-role{font-size:var(--font-size-xs);text-transform:capitalize}.logout-btn,.user-role{color:var(--color-gray-400)}.logout-btn{align-items:center;background:none;border:none;border-radius:var(--radius-md);cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:6px;transition:all var(--transition-fast)}.logout-btn:hover{background:#fef2f2;color:var(--color-error-500)}.sidebar-collapsed .user-details{display:none}.sidebar-collapsed .sidebar-footer{flex-direction:column;gap:8px}.dashboard-main{display:flex;flex:1 1;flex-direction:column;margin-left:260px;min-height:100vh;transition:margin-left var(--transition-normal)}.sidebar-collapsed .dashboard-main{margin-left:72px}.dashboard-content{flex:1 1;padding:28px 32px}.topbar{align-items:center;background:#fff;border-bottom:1px solid #e8ecf1;display:none;gap:12px;padding:12px 16px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.mobile-menu-btn{align-items:center;background:none;border:none;color:var(--color-gray-700);cursor:pointer;display:flex;padding:4px}.topbar-title{color:#064e3b;font-size:var(--font-size-lg);font-weight:700}.sidebar-overlay{display:none}.mobile-only{display:none!important}@media (max-width:768px){.sidebar{box-shadow:none;transform:translateX(-100%);transition:transform var(--transition-normal);width:260px}.sidebar.mobile-open{box-shadow:4px 0 24px #00000014;transform:translateX(0)}.sidebar-collapsed .sidebar{width:260px}.dashboard-main,.sidebar-collapsed .dashboard-main{margin-left:0}.dashboard-content{padding:20px 16px}.desktop-only{display:none!important}.mobile-only{display:flex!important}.sidebar-overlay{background:#0000004d;display:block;inset:0;position:fixed;z-index:calc(var(--z-sticky) - 1)}}.modal-overlay{align-items:center;animation:modal-fade-in .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0006;display:flex;inset:0;justify-content:center;position:fixed;z-index:var(--z-modal)}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}.modal-card{animation:modal-slide-up .25s cubic-bezier(.16,1,.3,1);background:#fff;border-radius:var(--radius-2xl);box-shadow:0 20px 60px #0000001f;max-width:480px;padding:28px;width:100%}@keyframes modal-slide-up{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.modal-title{color:var(--color-gray-900);font-size:var(--font-size-xl);font-weight:700}.modal-close-btn{align-items:center;background:none;border:none;border-radius:var(--radius-md);color:var(--color-gray-400);cursor:pointer;display:flex;padding:4px;transition:all var(--transition-fast)}.modal-close-btn:hover{background:#f5f7fa;color:var(--color-gray-700)}.modal-error{background:#fef2f2;border:1px solid #fecaca;border-radius:var(--radius-lg);color:var(--color-error-600);font-size:var(--font-size-sm);margin-bottom:16px;padding:10px 14px}.modal-form{gap:20px}.modal-field,.modal-form{display:flex;flex-direction:column}.modal-field{flex:1 1;gap:6px}.modal-field-row{display:flex;gap:16px}.modal-label{color:var(--color-gray-700);font-size:var(--font-size-sm);font-weight:600}.modal-input{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:var(--radius-lg);box-sizing:border-box;color:var(--color-gray-800);font-family:var(--font-family);font-size:var(--font-size-base);outline:none;padding:12px 14px;transition:all var(--transition-normal);width:100%}.modal-input:focus{background:#fff;border-color:var(--color-primary-500);box-shadow:0 0 0 3px #10b98114}.modal-input::placeholder{color:var(--color-gray-400)}.modal-textarea{line-height:1.5;min-height:80px;resize:vertical}.modal-actions{display:flex;gap:10px;justify-content:flex-end;padding-top:8px}.modal-btn{align-items:center;border:none;border-radius:var(--radius-lg);cursor:pointer;display:flex;font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:600;gap:6px;padding:10px 22px;transition:all var(--transition-fast)}.modal-btn.cancel{background:#f1f5f9;color:var(--color-gray-600)}.modal-btn.cancel:hover{background:#e2e8f0}.modal-btn.submit{background:var(--color-primary-600);box-shadow:0 2px 8px #10b98133;color:#fff}.modal-btn.submit:hover:not(:disabled){background:var(--color-primary-700)}.modal-btn:disabled{cursor:not-allowed;opacity:.6}@media (max-width:520px){.modal-card{margin:16px;padding:20px}.modal-field-row{flex-direction:column;gap:20px}}.ay-page{position:relative;width:100%}.ay-page:before{background-image:linear-gradient(90deg,#10b9810f 1px,#0000 0),linear-gradient(180deg,#10b9810f 1px,#0000 0);background-size:40px 40px,40px 40px;bottom:-28px;content:"";left:-32px;pointer-events:none;position:absolute;right:-32px;top:-28px;z-index:0}@media (max-width:768px){.ay-page:before{bottom:-20px;left:-16px;right:-16px;top:-20px}}.ay-empty,.ay-error-banner,.ay-header,.ay-loading,.ay-table-wrapper,.filters-bar{position:relative;z-index:1}.ay-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:28px}.ay-title{color:var(--color-gray-900);font-size:var(--font-size-2xl);font-weight:800;letter-spacing:-.02em;margin-bottom:4px}.ay-subtitle{color:var(--color-gray-500)}.ay-add-btn,.ay-subtitle{font-size:var(--font-size-sm)}.ay-add-btn{align-items:center;background:var(--color-primary-600);border:none;border-radius:var(--radius-lg);box-shadow:0 2px 8px #10b98133;color:#fff;cursor:pointer;display:flex;font-family:var(--font-family);font-weight:600;gap:8px;padding:10px 20px;transition:all var(--transition-fast);white-space:nowrap}.ay-add-btn:hover{background:var(--color-primary-700);box-shadow:0 4px 12px #10b9814d;transform:translateY(-1px)}.ay-error-banner{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:var(--radius-lg);color:var(--color-error-600);display:flex;font-size:var(--font-size-sm);justify-content:space-between;margin-bottom:24px;padding:12px 16px}.ay-error-dismiss{background:none;border:none;color:var(--color-error-400);cursor:pointer;font-size:var(--font-size-base);padding:0 4px}.ay-loading{align-items:center;color:var(--color-gray-500);display:flex;font-size:var(--font-size-sm);gap:12px;justify-content:center;padding:80px 0}.ay-empty{background:#fff;border:2px dashed #e2e8f0;border-radius:var(--radius-2xl);padding:80px 24px;text-align:center}.ay-empty-icon{font-size:48px;margin-bottom:16px}.ay-empty h3{color:var(--color-gray-700);font-size:var(--font-size-lg);font-weight:700;margin-bottom:8px}.ay-empty p{color:var(--color-gray-400);font-size:var(--font-size-sm);margin-bottom:24px}.ay-table-wrapper{background:#fff;border:1px solid #e8ecf1;border-radius:var(--radius-2xl);box-shadow:0 2px 8px #00000005;overflow:hidden}.ay-table{border-collapse:collapse;font-size:var(--font-size-sm);width:100%}.ay-table thead{background:#f8fafc;border-bottom:1px solid #e8ecf1}.ay-table th{color:var(--color-gray-500);font-size:var(--font-size-xs);font-weight:600;letter-spacing:.05em;text-align:left;text-transform:uppercase}.ay-table td,.ay-table th{padding:14px 18px;white-space:nowrap}.ay-table td{border-bottom:1px solid #f0f2f5;color:var(--color-gray-700)}.ay-table tbody tr{transition:background var(--transition-fast)}.ay-table tbody tr:hover{background:#f8fdfb}.ay-table tbody tr:last-child td{border-bottom:none}.ay-num{color:var(--color-gray-400);font-weight:500;width:40px}.ay-name-badge{background:#ecfdf5;border-radius:var(--radius-full);color:#065f46;display:inline-block;font-size:var(--font-size-sm);font-weight:600;padding:4px 12px}.ay-date-subtle{color:var(--color-gray-400)}.ay-actions-col{text-align:right;width:100px}.ay-actions{display:flex;gap:6px;justify-content:flex-end}.ay-action-btn{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);cursor:pointer;display:flex;height:34px;justify-content:center;transition:all var(--transition-fast);width:34px}.ay-action-btn.edit{color:var(--color-primary-600)}.ay-action-btn.edit:hover{background:#ecfdf5}.ay-action-btn.delete{color:var(--color-gray-400)}.ay-action-btn.delete:hover{background:#fef2f2;color:var(--color-error-500)}.delete-confirm-card{animation:modal-slide-up .25s cubic-bezier(.16,1,.3,1);background:#fff;border-radius:var(--radius-2xl);box-shadow:0 20px 60px #0000001f;max-width:400px;padding:28px;text-align:center;width:100%}.delete-icon-circle{font-size:40px;margin-bottom:16px}.delete-confirm-card h3{color:var(--color-gray-900);font-size:var(--font-size-lg);font-weight:700;margin-bottom:8px}.delete-confirm-card p{color:var(--color-gray-500);font-size:var(--font-size-sm);line-height:1.6;margin-bottom:24px}.delete-btn{background:var(--color-error-500)!important;box-shadow:0 2px 8px #ef444433;color:#fff!important}.delete-btn:hover:not(:disabled){background:var(--color-error-600)!important}@media (max-width:640px){.ay-header{align-items:stretch;flex-direction:column}.ay-add-btn{justify-content:center}.ay-table-wrapper{overflow-x:auto}.ay-table{min-width:560px}}.color-picker-section{display:flex;flex-direction:column;gap:10px;margin-bottom:24px;margin-top:18px}.color-picker-label{color:var(--color-gray-700);font-size:var(--font-size-sm);font-weight:600}.color-presets-grid{display:flex;flex-wrap:wrap;gap:12px;padding:4px 0}.color-preset-btn{border:2px solid #0000;border-radius:50%;box-shadow:0 2px 5px #00000014;cursor:pointer;height:38px;padding:0;position:relative;transition:all var(--transition-fast) ease-in-out;width:38px}.color-preset-btn:hover{box-shadow:0 4px 10px #00000026;transform:scale(1.1)}.color-preset-btn.active{border-color:#fff;box-shadow:0 0 0 1px #fff,0 4px 10px #0000001f;outline:2px solid var(--color-primary-600);transform:scale(1.05)}.color-preset-btn.active:after{color:#fff;content:"✓";font-size:14px;font-weight:700;left:50%;position:absolute;text-shadow:0 1px 2px #0003;top:50%;transform:translate(-50%,-50%)}.color-preset-btn.active.light-color:after{color:var(--color-gray-800);text-shadow:none}.student-modal-card{max-width:560px}.student-modal-body{max-height:70vh;overflow-y:auto;padding-right:4px}.student-modal-body::-webkit-scrollbar{width:6px}.student-modal-body::-webkit-scrollbar-track{background:#0000}.student-modal-body::-webkit-scrollbar-thumb{background:var(--color-gray-200);border-radius:3px}.phones-section{margin-top:4px}.phones-list{display:flex;flex-direction:column;gap:10px;margin-bottom:12px}.phone-row{gap:10px}.phone-remove-btn,.phone-row{align-items:center;display:flex}.phone-remove-btn{background:#fff5f5;border:1px solid #fee2e2;border-radius:var(--radius-lg);color:var(--color-error-500);cursor:pointer;justify-content:center;padding:10px;transition:all var(--transition-fast)}.phone-remove-btn:hover{background:#fef2f2;border-color:#fecaca;color:var(--color-error-600)}.phone-add-btn{align-items:center;background:#0000;border:1.5px dashed var(--color-gray-300);border-radius:var(--radius-lg);color:var(--color-gray-600);cursor:pointer;display:inline-flex;font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:600;gap:6px;padding:10px 16px;transition:all var(--transition-normal);width:-webkit-fit-content;width:fit-content}.phone-add-btn:hover{background:#10b9810a;border-color:var(--color-primary-500);color:var(--color-primary-600)}.student-modal-loading{align-items:center;color:var(--color-gray-500);display:flex;flex-direction:column;font-size:var(--font-size-sm);gap:12px;justify-content:center;padding:60px 20px}.student-filter-card{background:#fff;border:1px solid #e2e8f0;border-radius:var(--radius-xl);box-shadow:0 4px 12px #00000005;margin-bottom:24px;padding:16px 20px}.filter-row{align-items:center;display:flex;flex-wrap:wrap;gap:16px}.search-field-container{flex:1 1;min-width:260px;position:relative}.search-icon-wrapper{align-items:center;color:var(--color-gray-400);display:flex;left:14px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.search-input-field{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:var(--radius-lg);box-sizing:border-box;color:var(--color-gray-800);font-family:var(--font-family);font-size:var(--font-size-sm);outline:none;padding:10px 14px 10px 40px;transition:all var(--transition-normal);width:100%}.search-input-field:focus{background:#fff;border-color:var(--color-primary-500);box-shadow:0 0 0 3px #10b9810f}.select-field-container{min-width:160px}.status-select{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:var(--radius-lg);color:var(--color-gray-700);cursor:pointer;font-family:var(--font-family);font-size:var(--font-size-sm);outline:none;padding:10px 14px;transition:all var(--transition-normal);width:100%}.status-select:focus{background:#fff;border-color:var(--color-primary-500)}.filter-actions-row{display:flex;gap:10px}.student-phones-cell{align-items:center;cursor:help;display:inline-flex;gap:8px;max-width:100%}.phone-primary-text{color:var(--color-gray-800);font-family:monospace;font-size:var(--font-size-sm)}.phone-extra-badge{background:#10b9811a;border:1px solid #10b98133;border-radius:9999px;color:var(--color-primary-700);font-size:11px;font-weight:700;padding:2px 6px;white-space:nowrap}.cohort-badge{border-radius:var(--radius-md);display:inline-block;font-size:12px;font-weight:600;padding:4px 10px;text-align:center}.cohort-badge.year{background:#6366f114;color:#4f46e5}.cohort-badge.grade{background:#f59e0b14;color:#d97706}.cohort-badge.group{background:#06b6d414;color:#0891b2}.pagination-footer{background:#fff;border-bottom-left-radius:var(--radius-xl);border-bottom-right-radius:var(--radius-xl);border-top:1px solid #edf2f7;color:var(--color-gray-600);font-size:var(--font-size-sm);gap:16px;justify-content:space-between;padding:18px 24px}.pagination-controls-row,.pagination-footer{align-items:center;display:flex;flex-wrap:wrap}.pagination-controls-row{gap:24px}.page-size-selector{align-items:center;display:flex;gap:8px}.page-size-selector select{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:var(--radius-md);color:var(--color-gray-700);cursor:pointer;font-family:var(--font-family);font-size:var(--font-size-sm);outline:none;padding:6px 10px}.pagination-buttons{gap:12px}.pag-btn,.pagination-buttons{align-items:center;display:flex}.pag-btn{background:#fff;border:1.5px solid #e2e8f0;border-radius:var(--radius-md);color:var(--color-gray-600);cursor:pointer;padding:6px;transition:all var(--transition-fast)}.pag-btn:hover:not(:disabled){background:#10b98105;border-color:var(--color-primary-500);color:var(--color-primary-600)}.pag-btn:disabled{cursor:not-allowed;opacity:.4}.page-indicator{font-size:var(--font-size-sm)}@media (max-width:768px){.pagination-footer{align-items:center;flex-direction:column;text-align:center}}.status-pill{border-radius:9999px;display:inline-block;font-size:11px;font-weight:600;padding:4px 10px;text-align:center;white-space:nowrap}.status-pill.active{background:#10b9811a;border:1px solid #10b98133;color:#047857}.status-pill.inactive{background:#ef44441a;border:1px solid #ef444433;color:#b91c1c}.phones-expanded-list{background:#f8fafc;border:1px solid #e2e8f0;border-radius:var(--radius-md);box-shadow:0 2px 8px #0000000d;display:flex;flex-direction:column;gap:4px;min-width:140px;padding:6px 10px}.filter-title-label{align-items:center;color:#059669;display:flex;font-size:13px;font-weight:700;gap:8px;letter-spacing:.05em;margin-bottom:12px;text-transform:uppercase}.filter-title-label:before{background-color:#10b981;border-radius:50%;content:"";display:inline-block;height:6px;width:6px}.header-filter-select{-webkit-appearance:none;appearance:none;border:none;color:#047857;display:inline-block;font-family:inherit;font-size:inherit;margin:0;padding:0;text-align:inherit}.header-filter-select::-ms-expand{display:none}.header-filter-select:hover{text-decoration:underline}.header-filter-select option{background:#fff;color:#1e293b;font-weight:400;letter-spacing:normal;text-transform:none}.ay-action-btn.restore{color:#10b981}.ay-action-btn.restore:hover{background:#10b9811a;color:#059669}.modal-btn.restore-btn{background:#10b981;color:#fff}.modal-btn.restore-btn:hover{background:#059669}.teacher-name{color:var(--color-gray-900);font-weight:600}.day-badge{background:#f1f5f9;border-radius:var(--radius-md);color:var(--color-gray-700);display:inline-block;font-size:var(--font-size-xs);font-weight:600;padding:3px 10px}.ay-table code{background:#f8fafc;border:1px solid #e2e8f0;border-radius:var(--radius-md);color:var(--color-gray-800);font-family:inherit;font-weight:600;padding:2px 6px}.header-filter-select{background:#0000;border:1px solid #0000;border-radius:var(--radius-md);color:var(--color-gray-600);cursor:pointer;font-family:var(--font-family);font-size:var(--font-size-xs);font-weight:700;letter-spacing:.05em;outline:none;padding:2px 4px;text-transform:uppercase;transition:all var(--transition-fast)}.header-filter-select.active-filter{color:#10b981!important;font-style:italic!important;font-weight:800!important}.header-filter-select:hover{background:#f1f5f9;border-color:#cbd5e1}.header-filter-select:focus{background:#fff;border-color:var(--color-primary-500);box-shadow:0 0 0 2px #10b9811a}.filters-bar{background:#fff;border:1px solid #e8ecf1;border-radius:var(--radius-xl);box-shadow:0 2px 8px #00000005;margin-bottom:24px;padding:16px 20px}.search-form{align-items:center;display:flex;gap:12px;width:100%}.search-input-wrapper{align-items:center;display:flex;flex:1 1;position:relative}.search-input-wrapper svg{color:var(--color-gray-400);left:14px;pointer-events:none;position:absolute}.search-input{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:var(--radius-lg);box-sizing:border-box;color:var(--color-gray-800);font-family:var(--font-family);font-size:var(--font-size-sm);outline:none;padding:10px 14px 10px 40px;transition:all var(--transition-normal);width:100%}.search-input:focus{background:#fff;border-color:var(--color-primary-500);box-shadow:0 0 0 3px #10b9810f}.filter-btn{border:none;border-radius:var(--radius-lg);cursor:pointer;font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:600;padding:10px 20px;transition:all var(--transition-fast);white-space:nowrap}.filter-btn.submit-btn{background:var(--color-primary-600);box-shadow:0 2px 8px #10b98133;color:#fff}.filter-btn.submit-btn:hover{background:var(--color-primary-700);box-shadow:0 4px 12px #10b9814d}.filter-btn.reset-btn{background:#f1f5f9;color:var(--color-gray-600)}.filter-btn.reset-btn:hover{background:#e2e8f0}.app-wrapper{min-height:100vh}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}
/*# sourceMappingURL=main.21ea48d6.css.map*/