@import url(https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800;900&family=Space+Grotesk:wght@500;600;700;800&display=swap);:root{--primary:#f97316;--primary-dark:#ea6008;--primary-light:#fdba74;--primary-subtle:#fff7ed;--primary-border:#fed7aa;--primary-glow:#f9731633;--amber:#f59e0b;--amber-dark:#d97706;--amber-subtle:#fffbeb;--teal:#0d9488;--teal-dark:#0f766e;--teal-subtle:#f0fdfa;--teal-border:#99f6e4;--bg-app:#f5f5f0;--bg-card:#fff;--bg-subtle:#fafaf8;--bg-hover:#f3f2ef;--border-light:#ebe9e4;--border-medium:#d6d3ce;--border-accent:#fed7aa;--sidebar-bg:#fefcfa;--sidebar-bg-2:#faf7f2;--sidebar-active:#f9731614;--sidebar-active-border:#f973164d;--sidebar-hover:#f5f2ed;--sidebar-text:#5a544d;--sidebar-text-muted:#b0a99f;--slate:#334155;--slate-light:#475569;--slate-subtle:#f1f5f9;--slate-border:#cbd5e1;--text-primary:#111827;--text-secondary:#6b7280;--text-muted:#9ca3af;--text-accent:#f97316;--success:#059669;--success-bg:#f0fdf4;--success-border:#86efac;--success-text:#065f46;--warning:#d97706;--warning-bg:#fffbeb;--warning-border:#fcd34d;--warning-text:#92400e;--danger:#dc2626;--danger-bg:#fef2f2;--danger-border:#fca5a5;--danger-text:#991b1b;--info:#0d9488;--info-bg:#f0fdfa;--info-border:#99f6e4;--info-text:#134e4a;--primary-gradient:linear-gradient(135deg,#f97316,#f59e0b);--primary-gradient-hover:linear-gradient(135deg,#ea6008,#d97706);--duo-gradient:linear-gradient(135deg,#f97316,#0d9488);--teal-gradient:linear-gradient(135deg,#0d9488,#0891b2);--danger-gradient:linear-gradient(135deg,#dc2626,#b91c1c);--success-gradient:linear-gradient(135deg,#059669,#047857);--sidebar-gradient:linear-gradient(180deg,#fefcfa,#faf7f2);--shadow-xs:0 1px 2px #0000000d;--shadow-sm:0 2px 6px #0000000f,0 1px 2px #0000000a;--shadow-md:0 4px 16px #00000014,0 2px 6px #0000000d;--shadow-lg:0 10px 28px #0000001a,0 4px 12px #0000000f;--shadow-xl:0 20px 48px #0000001f,0 8px 20px #00000014;--shadow-orange:0 4px 20px #f9731647,0 2px 8px #f9731629;--shadow-orange-lg:0 8px 32px #f9731657,0 4px 12px #f9731633;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:18px;--radius-2xl:24px;--radius-pill:999px;--font-body:"Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-heading:"Space Grotesk","Plus Jakarta Sans",-apple-system,sans-serif;--t-fast:0.15s cubic-bezier(0.4,0,0.2,1);--t-normal:0.25s cubic-bezier(0.4,0,0.2,1);--t-bounce:0.35s cubic-bezier(0.34,1.56,0.64,1)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@keyframes float3D{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes shimmer{0%{background-position:-600px 0}to{background-position:600px 0}}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.design-container{animation:scaleIn var(--t-normal);box-shadow:var(--shadow-lg);padding:2.25rem}.design-container,.design-container-lg{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-xl)}.design-container-lg{box-shadow:var(--shadow-xl);padding:2.75rem}.design-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:1.5rem;transition:all var(--t-normal)}.design-card:hover{border-color:var(--border-accent);box-shadow:var(--shadow-md);transform:translateY(-2px)}.design-card-transparent{background:#ffffffb3;border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:1.25rem}.design-header{align-items:center;display:flex;gap:1rem;margin-bottom:2rem}.design-header-icon{align-items:center;animation:float 3.5s ease-in-out infinite;background:var(--primary-gradient);border-radius:var(--radius-lg);box-shadow:var(--shadow-orange);display:flex;font-size:2.25rem;height:64px;justify-content:center;width:64px}.design-header-content h2{-webkit-text-fill-color:#0000;background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;font-family:var(--font-heading);font-size:1.9rem;font-weight:800;letter-spacing:-.4px;margin:0 0 .2rem}.design-header-content p{color:var(--text-secondary);font-size:.95rem;font-weight:500;margin:0}.design-btn{border:none;border-radius:var(--radius-md);cursor:pointer;font-family:var(--font-body);font-size:.9rem;font-weight:700;overflow:hidden;padding:11px 22px;position:relative;transition:all var(--t-bounce)}.design-btn:disabled{cursor:not-allowed;opacity:.5;transform:none!important}.design-btn-primary{background:var(--primary-gradient);box-shadow:var(--shadow-orange);color:#fff}.design-btn-primary:hover:not(:disabled){box-shadow:var(--shadow-orange-lg);transform:translateY(-2px) scale(1.02)}.design-btn-success{background:var(--success-gradient);box-shadow:0 4px 16px #05966940;color:#fff}.design-btn-success:hover:not(:disabled){box-shadow:0 8px 24px #05966959;transform:translateY(-2px) scale(1.02)}.design-btn-danger{background:var(--danger-gradient);box-shadow:0 4px 16px #dc262640;color:#fff}.design-btn-danger:hover:not(:disabled){box-shadow:0 8px 24px #dc262659;transform:translateY(-2px) scale(1.02)}.design-btn-secondary{background:var(--bg-subtle);border:1px solid var(--border-medium);color:var(--text-primary)}.design-btn-secondary:hover:not(:disabled){background:var(--bg-hover);border-color:var(--primary-border);color:var(--primary)}.design-input{background:var(--bg-card);border:1.5px solid var(--border-medium);border-radius:var(--radius-md);box-shadow:var(--shadow-xs);color:var(--text-primary);font-family:var(--font-body);font-size:.95rem;outline:none;padding:13px 16px;transition:all var(--t-normal);width:100%}.design-input::placeholder{color:var(--text-muted)}.design-input:focus{background:var(--bg-card);border-color:var(--primary);box-shadow:0 0 0 3px #f973161a,var(--shadow-sm);transform:translateY(-1px)}.design-input:hover:not(:focus){border-color:var(--primary-light)}.design-input-error{border-color:var(--danger);box-shadow:0 0 0 3px var(--danger-bg)}.design-select{background:var(--bg-card);border:1.5px solid var(--border-medium);border-radius:var(--radius-md);box-shadow:var(--shadow-xs);color:var(--text-primary);cursor:pointer;font-family:var(--font-body);font-size:.95rem;outline:none;padding:13px 16px;transition:all var(--t-normal);width:100%}.design-select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #f973161a}.design-select:hover:not(:focus){border-color:var(--primary-light)}.design-table{background:var(--bg-card);border-collapse:collapse;width:100%}.design-table thead{background:linear-gradient(135deg,#fff7ed,#fffbeb);border-bottom:2px solid var(--primary-border)}.design-table th{color:var(--primary-dark);font-family:var(--font-heading);font-size:.75rem;font-weight:700;letter-spacing:.6px;padding:1rem;text-align:left;text-transform:uppercase}.design-table td{border-bottom:1px solid var(--border-light);color:var(--text-primary);font-size:.9rem;padding:.875rem 1rem}.design-table tbody tr{transition:background-color var(--t-fast)}.design-table tbody tr:hover{background:var(--primary-subtle)}.design-badge{border-radius:var(--radius-pill);display:inline-block;font-size:.72rem;font-weight:700;letter-spacing:.5px;padding:4px 11px;text-transform:uppercase}.design-badge-primary{background:var(--primary-subtle);border:1px solid var(--primary-border);color:var(--primary-dark)}.design-badge-success{background:var(--success-bg);border:1px solid var(--success-border);color:var(--success-text)}.design-badge-warning{background:var(--warning-bg);border:1px solid var(--warning-border);color:var(--warning-text)}.design-badge-danger{background:var(--danger-bg);border:1px solid var(--danger-border);color:var(--danger-text)}.design-alert{animation:slideInDown var(--t-normal);border-left:3px solid;border-radius:var(--radius-md);font-size:.9rem;font-weight:500;margin-bottom:1rem;padding:1rem 1.25rem}.design-alert-info{background:var(--info-bg);border-color:var(--info);color:var(--info-text)}.design-alert-success{background:var(--success-bg);border-color:var(--success);color:var(--success-text)}.design-alert-warning{background:var(--warning-bg);border-color:var(--warning);color:var(--warning-text)}.design-alert-danger{background:var(--danger-bg);border-color:var(--danger);color:var(--danger-text)}.design-spinner{animation:spin .7s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:15px;margin-right:8px;width:15px}.design-flex{display:flex;gap:1rem}.design-grid{display:grid;gap:1.5rem}.design-grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.design-grid-3{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.design-text-center{text-align:center}.design-text-primary{color:var(--primary)}.design-text-muted{color:var(--text-muted)}.design-w-full{width:100%}.design-mt-1{margin-top:.5rem}.design-mt-2{margin-top:1rem}.design-mt-3{margin-top:1.5rem}.design-mt-4{margin-top:2rem}.design-mb-1{margin-bottom:.5rem}.design-mb-2{margin-bottom:1rem}.design-mb-3{margin-bottom:1.5rem}.design-mb-4{margin-bottom:2rem}.design-rounded{border-radius:var(--radius-md)}.design-rounded-lg{border-radius:var(--radius-lg)}.design-rounded-xl{border-radius:var(--radius-xl)}.design-shadow{box-shadow:var(--shadow-sm)}.design-shadow-lg{box-shadow:var(--shadow-lg)}@media (max-width:768px){.design-container{padding:1.25rem}.design-container-lg{padding:1.5rem}.design-header{margin-bottom:1.5rem}.design-header-icon{font-size:1.7rem;height:48px;width:48px}.design-header-content h2{font-size:1.5rem}.design-btn{font-size:.875rem;padding:10px 16px}}@media (max-width:480px){.design-container{border-radius:var(--radius-lg);padding:1rem}.design-grid-2,.design-grid-3{grid-template-columns:1fr}}.professional-navbar{animation:slideInDown .4s cubic-bezier(.34,1.56,.64,1);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);background:#fffffffa;border:1px solid #ebe9e4;border-radius:16px;box-shadow:0 2px 16px #0000000f,0 1px 4px #0000000a;display:flex;flex-direction:column;justify-content:center;margin-bottom:1.5rem;min-height:72px;padding:.5rem 1.5rem;transition:box-shadow .25s ease}.professional-navbar:hover{box-shadow:0 4px 20px #00000014,0 2px 6px #0000000d}.navbar-brand-logo{align-items:center;animation:float3D 4s ease-in-out infinite;background:var(--primary-gradient);border-radius:12px;box-shadow:var(--shadow-orange);display:flex;font-size:1.6rem;height:48px;justify-content:center;transition:transform .25s ease;width:48px}.navbar-brand-logo:hover{transform:translateY(-3px) scale(1.05)}.navbar-title{-webkit-text-fill-color:#0000;background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;font-family:var(--font-heading);font-size:1.4rem;font-weight:900;letter-spacing:-.4px;margin:0}.user-info-badge{background:var(--primary-subtle);border:1px solid var(--primary-border);border-radius:10px;box-shadow:var(--shadow-xs);padding:.5rem 1rem;transition:all .2s ease}.user-info-badge:hover{box-shadow:var(--shadow-sm);transform:translateY(-1px)}.logout-button{align-items:center;background:var(--danger-gradient);border:none;border-radius:10px;box-shadow:0 3px 12px #dc262640;color:#fff;cursor:pointer;display:flex;font-family:var(--font-body);font-size:.875rem;font-weight:700;gap:.45rem;padding:.55rem 1.1rem;transition:all .25s cubic-bezier(.34,1.56,.64,1)}.logout-button:hover{box-shadow:0 6px 20px #dc262659;transform:translateY(-2px) scale(1.02)}.logout-button:active{transform:translateY(0) scale(.97)}.professional-sidebar{background:linear-gradient(180deg,#fefcfa,#faf7f2);border-right:1px solid #e8e3db;box-shadow:3px 0 20px #0000000f,1px 0 0 #ebe7e0;color:#1a1a1a;display:flex;flex-direction:column;height:100vh;left:0;position:fixed;top:0;transition:all .32s cubic-bezier(.4,0,.2,1);z-index:1000}.sidebar-header{background:#f9731608;border-bottom:1px solid #ebe7e0;padding:1.25rem 1rem}.sidebar-toggle-btn{align-items:center;background:#f9731614;border:1px solid #f9731626;border-radius:10px;color:#f97316;cursor:pointer;display:flex;font-size:1.1rem;height:38px;justify-content:center;min-height:38px;min-width:38px;transition:all .2s ease;width:38px}.sidebar-toggle-btn:hover{background:#f9731626;border-color:#f9731659;transform:scale(1.08)}@media (max-width:768px){.sidebar-toggle-btn{height:44px;min-height:44px;min-width:44px;width:44px}}.sidebar-menu-item{background:#0000;border:1px solid #0000;border-radius:11px;cursor:pointer;margin:.2rem .6rem;overflow:hidden;padding:.8rem 1rem;position:relative;transition:all .2s ease}.sidebar-menu-item:before{background:linear-gradient(135deg,#f973161a,#f59e0b0d);content:"";inset:0;opacity:0;position:absolute;transition:opacity .2s ease}.sidebar-menu-item:hover:before{opacity:1}.sidebar-menu-item:hover{border-color:#f973162e;transform:translateX(5px)}.sidebar-menu-item.active{background:#f9731624;border-color:#f9731659;box-shadow:0 0 16px #f973161a}.sidebar-menu-item.active:hover{transform:translateX(4px) scale(1.01)}.page-container{animation:scaleIn .35s cubic-bezier(.34,1.56,.64,1);background:var(--bg-card);border:1px solid var(--border-light);border-radius:18px;box-shadow:var(--shadow-md);margin-bottom:1.5rem;padding:2rem;transition:box-shadow .25s ease}.page-container:hover{box-shadow:var(--shadow-lg)}.page-header{animation:slideInLeft .4s cubic-bezier(.34,1.56,.64,1);border-bottom:2px solid var(--border-light);gap:1.25rem;margin-bottom:2rem;padding-bottom:1.25rem}.page-header,.page-header-icon{align-items:center;display:flex}.page-header-icon{animation:float3D 4s ease-in-out infinite;border-radius:14px;box-shadow:var(--shadow-orange);font-size:1.75rem;height:52px;justify-content:center;width:52px}.page-header-icon,.page-title{background:var(--primary-gradient)}.page-title{-webkit-text-fill-color:#0000;-webkit-background-clip:text;background-clip:text;font-family:var(--font-heading);font-size:1.85rem;font-weight:900;letter-spacing:-.6px;margin:0}.pro-input{background:var(--bg-card);border:1.5px solid var(--border-medium);border-radius:10px;box-shadow:var(--shadow-xs);box-sizing:border-box;color:var(--text-primary);font-family:var(--font-body);font-size:.95rem;font-weight:500;outline:none;padding:12px 15px;transition:all .25s cubic-bezier(.34,1.56,.64,1);width:100%}.pro-input::placeholder{color:var(--text-muted)}.pro-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #f973161a,var(--shadow-sm);transform:translateY(-1px)}.pro-input:hover:not(:focus){border-color:var(--primary-light)}.pro-select{background:var(--bg-card);border:1.5px solid var(--border-medium);border-radius:10px;box-shadow:var(--shadow-xs);box-sizing:border-box;color:var(--text-primary);cursor:pointer;font-family:var(--font-body);font-size:.95rem;font-weight:500;outline:none;padding:12px 15px;transition:all .25s ease;width:100%}.pro-select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #f973161a;transform:translateY(-1px)}.pro-select:hover:not(:focus){border-color:var(--primary-light)}.pro-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:inline-flex;font-family:var(--font-body);font-size:.9rem;font-weight:700;gap:.5rem;justify-content:center;overflow:hidden;padding:11px 20px;position:relative;transition:all .28s cubic-bezier(.34,1.56,.64,1)}.pro-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.pro-btn:hover:before{left:100%}.pro-btn:hover:not(:disabled){transform:translateY(-2px) scale(1.02)}.pro-btn:active:not(:disabled){transform:translateY(0) scale(.98)}.pro-btn:disabled{cursor:not-allowed;opacity:.5;transform:none!important}.pro-btn-primary{background:var(--primary-gradient);box-shadow:var(--shadow-orange);color:#fff}.pro-btn-primary:hover:not(:disabled){box-shadow:var(--shadow-orange-lg)}.pro-btn-success{background:var(--success-gradient);box-shadow:0 4px 14px #05966940;color:#fff}.pro-btn-success:hover:not(:disabled){box-shadow:0 8px 22px #05966959}.pro-btn-danger{background:var(--danger-gradient);box-shadow:0 4px 14px #dc262640;color:#fff}.pro-btn-danger:hover:not(:disabled){box-shadow:0 8px 22px #dc262659}.pro-btn-warning{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 14px #f59e0b40;color:#fff}.pro-btn-warning:hover:not(:disabled){box-shadow:0 8px 22px #f59e0b59}.pro-btn-secondary{background:var(--bg-subtle);border:1.5px solid var(--border-medium);box-shadow:var(--shadow-xs);color:var(--text-primary)}.pro-btn-secondary:hover:not(:disabled){background:var(--bg-hover);border-color:var(--primary-border);color:var(--primary)}.pro-btn-outline{background:#0000;border:1.5px solid var(--primary-border);color:var(--primary)}.pro-btn-outline:hover:not(:disabled){background:var(--primary-gradient);border-color:#0000;color:#fff}.pro-card{animation:fadeInUp .35s cubic-bezier(.34,1.56,.64,1);background:var(--bg-card);border:1px solid var(--border-light);border-radius:16px;box-shadow:var(--shadow-sm);padding:1.5rem;transition:all .25s cubic-bezier(.34,1.56,.64,1)}.pro-card:hover{border-color:var(--primary-border);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.stats-card{background:linear-gradient(135deg,var(--primary-subtle) 0,#fffbeb 100%);border:1px solid var(--primary-border);border-radius:16px;box-shadow:var(--shadow-sm);padding:1.75rem;text-align:center;transition:all .25s ease}.stats-card:hover{border-color:var(--primary-light);box-shadow:var(--shadow-orange-lg);transform:translateY(-5px) scale(1.01)}.pro-table{background:var(--bg-card);border:1px solid var(--border-light);border-collapse:initial;border-radius:14px;border-spacing:0;box-shadow:var(--shadow-md);overflow:hidden;width:100%}.pro-table thead{background:linear-gradient(135deg,#fff7ed,#fffbeb);border-bottom:2px solid var(--primary-border)}.pro-table thead th{color:var(--primary-dark);font-family:var(--font-heading);font-size:.76rem;font-weight:700;letter-spacing:.7px;padding:1rem 1.25rem;text-align:left;text-transform:uppercase}.pro-table tbody tr{background:var(--bg-card);transition:background-color .15s ease}.pro-table tbody tr:hover{background:var(--primary-subtle)}.pro-table tbody td{border-bottom:1px solid var(--border-light);color:var(--text-primary);font-size:.9rem;font-weight:500;padding:.9rem 1.25rem}.pro-table tbody tr:last-child td{border-bottom:none}.pro-badge{align-items:center;border-radius:var(--radius-pill);box-shadow:var(--shadow-xs);display:inline-flex;font-size:.73rem;font-weight:700;gap:.35rem;letter-spacing:.3px;padding:.3rem .8rem;transition:all .2s ease}.pro-badge:hover{transform:translateY(-1px) scale(1.03)}.pro-badge-success{background:var(--success-bg);border:1px solid var(--success-border);color:var(--success-text)}.pro-badge-danger{background:var(--danger-bg);border:1px solid var(--danger-border);color:var(--danger-text)}.pro-badge-warning{background:var(--warning-bg);border:1px solid var(--warning-border);color:var(--warning-text)}.pro-badge-info{background:var(--info-bg);border:1px solid var(--info-border);color:var(--info-text)}.button-spinner{animation:spin .7s linear infinite;border:2px solid #ffffff4d;height:15px;margin-right:5px;width:15px}@media (max-width:768px){.professional-navbar{backdrop-filter:none;-webkit-backdrop-filter:none;border-radius:12px;margin-bottom:.75rem;min-height:56px;padding:.4rem .75rem}.professional-sidebar{box-shadow:6px 0 24px #0000004d;height:100vh;left:0;position:fixed!important;top:0;width:260px;z-index:2000}.page-header-icon{font-size:1.4rem;height:44px;width:44px}.page-title{font-size:1.5rem}.page-container{border-radius:14px;margin-bottom:1rem;padding:1.25rem}.pro-btn{font-size:.9rem;min-height:46px;padding:12px 16px}.pro-input,.pro-select{font-size:1rem;min-height:48px;padding:13px 15px}.pro-table tbody td,.pro-table thead th{font-size:.85rem;padding:.875rem}.table-responsive{-webkit-overflow-scrolling:touch;overflow-x:auto}.pro-table{min-width:540px}}@media (max-width:480px){.professional-navbar{border-radius:10px;margin-bottom:.625rem;padding:.4rem .75rem}.logout-button{min-height:44px;min-width:44px;padding:.55rem!important}.page-container{margin-bottom:.75rem;padding:1rem}.page-header{align-items:flex-start;flex-direction:column}.professional-sidebar{width:245px}.sidebar-menu-item{margin:.15rem .5rem}}@tailwind base;@tailwind components;@tailwind utilities;*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body,html{overflow-x:hidden}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;background:#f5f5f0;color:#111827;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;margin:0;min-height:100vh}input:-webkit-autofill,input:-webkit-autofill:active,input:-webkit-autofill:focus,input:-webkit-autofill:hover{-webkit-text-fill-color:#111827!important;-webkit-box-shadow:inset 0 0 0 30px #fff!important;transition:background-color 5000s ease-in-out 0s}code{background:#fff7ed;border:1px solid #fed7aa;border-radius:5px;color:#ea6008;font-family:source-code-pro,Menlo,Monaco,Consolas,monospace;font-size:.88em;padding:2px 7px}button{border:none;cursor:pointer;font-family:Plus Jakarta Sans,inherit;font-weight:600;transition:all .22s cubic-bezier(.4,0,.2,1)}button:hover{transform:translateY(-1px)}button:active{transform:translateY(0)}button:disabled{cursor:not-allowed;opacity:.5;transform:none!important}input,select,textarea{background:#fff;box-sizing:border-box;color:#111827;font-family:Plus Jakarta Sans,inherit;transition:all .22s ease}input:focus,select:focus,textarea:focus{border-color:#f97316!important;box-shadow:0 0 0 3px #f973161f;outline:none}input::placeholder,textarea::placeholder{color:#9ca3af}::-webkit-scrollbar{height:5px;width:5px}::-webkit-scrollbar-track{background:#f5f5f0}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#f97316,#f59e0b);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#ea6008}@keyframes slideInRight{0%{opacity:0;transform:translateX(28px)}to{opacity:1;transform:translateX(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes slideIn{0%{opacity:0;transform:translateX(-12px)}to{opacity:1;transform:translateX(0)}}@keyframes appleSlideUp{0%{opacity:0;transform:translateY(30px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes appleFade{0%{filter:blur(4px);opacity:0}to{filter:blur(0);opacity:1}}.apple-slide-up{animation:appleSlideUp .65s cubic-bezier(.34,1.56,.64,1) backwards;will-change:transform,opacity}@media (max-width:768px){@keyframes appleSlideUp{0%{opacity:0;transform:translateY(15px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}}@media (prefers-reduced-motion:reduce){.apple-fade,.apple-slide-up{animation:none;filter:none;opacity:1;transform:none}}.apple-fade{animation:appleFade .6s cubic-bezier(.34,1.56,.64,1) backwards;will-change:filter,opacity}.apple-card-hover{transition:all .35s cubic-bezier(.34,1.56,.64,1)}@media (hover:hover) and (pointer:fine){.apple-card-hover:hover{box-shadow:0 16px 32px #0000000f,0 6px 14px #0000000a;transform:translateY(-4px) scale(1.005)}}.apple-stagger-1{animation-delay:.05s}.apple-stagger-2{animation-delay:.1s}.apple-stagger-3{animation-delay:.15s}.apple-stagger-4{animation-delay:.2s}.apple-stagger-5{animation-delay:.25s}.fade-in{animation:fadeIn .4s ease-out}.slide-in-left{animation:slideInLeft .4s ease-out}.slide-in-right{animation:slideInRight .4s ease-out}.scale-in{animation:scaleIn .3s ease-out}.glass-card{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#ffffffe6;border:1px solid #ebe9e4;box-shadow:0 4px 20px #0000000f}.gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f97316,#f59e0b);-webkit-background-clip:text;background-clip:text}.spinner{animation:spin .75s linear infinite;border:3px solid #f9731626;height:34px;width:34px}.badge{align-items:center;border-radius:99px;display:inline-flex;font-size:.75rem;font-weight:700;letter-spacing:.3px;padding:3px 10px}.hover-lift{transition:all .25s cubic-bezier(.4,0,.2,1)}.hover-lift:hover{box-shadow:0 12px 32px #0000001a;transform:translateY(-5px)}.flex-between{align-items:center;display:flex;justify-content:space-between}.icon-wrapper{align-items:center;display:inline-flex;height:1.25rem;justify-content:center;width:1.25rem}.icon-lg{height:1.5rem;width:1.5rem}.icon-xl{height:2rem;width:2rem}.gap-sm{gap:.5rem}.gap-md{gap:1rem}.gap-lg{gap:1.5rem}.gap-xl{gap:2rem}@media (max-width:768px){body{font-size:14px;overflow-x:hidden;padding:0}#root{display:flex;flex-direction:column;min-height:100vh}table{-webkit-overflow-scrolling:touch;display:block;overflow-x:auto}input[type=email],input[type=number],input[type=password],input[type=text],select,textarea{font-size:16px!important;min-width:100%!important}[onclick],a[role=button],button{min-height:44px;min-width:44px}}@media (max-width:480px){body{font-size:13px}.badge{font-size:.7rem;padding:2px 8px}}@media (hover:none) and (pointer:coarse){button:hover{box-shadow:none;transform:none}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.audit-trail-container{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border-radius:12px;box-shadow:0 4px 8px #0000001a;margin-bottom:2rem;padding:2rem}.audit-header{background:#fff;border-left:5px solid #ff6b6b;border-radius:10px;margin-bottom:2rem;padding:1.5rem}.audit-header h2{color:#2c3e50;font-size:1.8rem;font-weight:700;margin:0 0 .5rem}.audit-subtitle{color:#666;font-size:.95rem;font-style:italic;margin:0}.audit-stats-toggle{margin-bottom:2rem}.stats-toggle-btn{background:linear-gradient(135deg,#f97316,#0d9488);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;padding:.8rem 1.5rem;transition:transform .2s,box-shadow .2s}.stats-toggle-btn:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.audit-statistics{background:#fff;border-radius:10px;box-shadow:0 2px 6px #0000001a;margin-top:1rem;padding:1.5rem}.audit-statistics h3{color:#2c3e50;font-size:1.1rem;margin-top:0}.stats-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin-top:1rem}.stat-card{background:linear-gradient(135deg,#f9731615,#0d948815);border-left:4px solid #f97316;border-radius:8px;padding:1.2rem}.stat-name{color:#2c3e50;font-size:1rem;font-weight:700;margin-bottom:.8rem}.stat-metric{color:#555;display:flex;font-size:.9rem;justify-content:space-between;margin:.6rem 0}.stat-label{font-weight:600}.stat-value{color:#f97316;font-weight:700}.stat-value.positive{color:#27ae60}.audit-search-section{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem}.search-bar{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 6px #0000001a;display:flex;flex:1;gap:.5rem;min-width:300px;padding:.5rem}.search-icon{color:#999;margin-left:.5rem}.search-bar input{border:none;color:#333;flex:1;font-size:.95rem;min-width:0;outline:none;padding:.6rem}.search-bar input::placeholder{color:#ccc}.btn-clear,.btn-download,.btn-search{border:none;border-radius:6px;cursor:pointer;flex-shrink:0;font-size:.9rem;font-weight:600;padding:.6rem 1.2rem;transition:all .2s}.btn-search{background:#3498db;color:#fff}.btn-search:hover{background:#2980b9}.btn-clear{background:#ecf0f1;color:#e74c3c}.btn-clear:hover{background:#bdc3c7}.btn-download{align-items:center;background:linear-gradient(135deg,#27ae60,#229954);color:#fff;display:flex;gap:.5rem;white-space:nowrap}.btn-download:hover{box-shadow:0 4px 12px #27ae604d;transform:translateY(-2px)}.audit-error{background:#fee;border-left:4px solid #c33;border-radius:6px;color:#c33;margin-bottom:1rem;padding:1rem}.audit-empty,.audit-loading{background:#fff;border-radius:8px;color:#666;padding:2rem;text-align:center}.spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#f97316;height:40px;margin:0 auto 1rem;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.audit-logs-section{background:#fff;border-radius:10px;box-shadow:0 4px 12px #0000001a;overflow:hidden}.audit-table-wrapper{overflow-x:auto}.audit-table{border-collapse:collapse;font-size:.9rem;width:100%}.audit-table thead{background:linear-gradient(135deg,#2c3e50,#34495e);color:#fff;position:sticky;top:0;z-index:10}.audit-table th{font-weight:600;padding:1rem;text-align:left;white-space:nowrap}.audit-table tbody tr{border-bottom:1px solid #ecf0f1;transition:background .2s}.audit-table tbody tr:hover:not(.details-row){background:#f8f9fa}.audit-table td{padding:1rem}.timestamp{color:#f97316;font-size:.85rem;font-weight:600}.student-name{color:#2c3e50;font-weight:600}.roll-no{color:#7f8c8d;font-family:Courier New,monospace}.performed-by{color:#27ae60;font-weight:600}.records-count .badge,.status .badge-success{border-radius:4px;display:inline-block;font-size:.8rem;font-weight:600;padding:.4rem .8rem}.records-count .badge{background:#e3f2fd;color:#1976d2}.status .badge-success{background:#e8f5e9;color:#388e3c}.fine-impact{font-weight:600}.fine-positive{color:#e74c3c;font-weight:700}.fine-neutral{color:#999}.btn-details{align-items:center;background:#0000;border:none;color:#3498db;cursor:pointer;display:flex;justify-content:center;padding:.4rem;transition:color .2s}.btn-details:hover{color:#2980b9}.details-row{background:#f8f9fa}.details-row td{padding:0}.details-panel{background:#f8f9fa;padding:1.5rem}.details-header{border-bottom:2px solid #ecf0f1;margin-bottom:1.5rem;padding-bottom:1rem}.details-header h4{color:#2c3e50;font-size:1.1rem;margin:0 0 .5rem}.read-only-badge{background:#ffe8e8;border-radius:4px;color:#e74c3c;display:inline-block;font-size:.85rem;font-weight:600;margin:0;padding:.3rem .8rem}.details-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.detail-section{background:#fff;border-left:3px solid #f97316;border-radius:6px;padding:1rem}.detail-section h5{color:#2c3e50;font-size:.95rem;font-weight:700;margin:0 0 .8rem}.detail-item{display:flex;font-size:.9rem;justify-content:space-between;margin:.6rem 0;padding:.4rem 0}.detail-item .label{color:#555;font-weight:600}.detail-item .value{color:#333;text-align:right}.detail-item .value.mono{color:#f97316;font-family:Courier New,monospace;font-size:.85rem}.dates-list{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-end;margin-top:.5rem}.date-tag{background:#e3f2fd;border-radius:4px;color:#1976d2;font-size:.8rem;font-weight:600;padding:.3rem .6rem}.reason-box{background:#fff;border:1px solid #ecf0f1;border-radius:6px;color:#555;font-size:.9rem;line-height:1.5;max-height:150px;overflow-y:auto;padding:1rem}.audit-pagination{align-items:center;background:#fff;border-top:1px solid #ecf0f1;display:flex;gap:1rem;justify-content:center;padding:1.5rem}.btn-paging{background:#3498db;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:.6rem 1.2rem;transition:all .2s}.btn-paging:hover:not(:disabled){background:#2980b9;transform:translateY(-2px)}.btn-paging:disabled{background:#bdc3c7;cursor:not-allowed;opacity:.5}.page-info{color:#666;font-size:.9rem;font-weight:600;white-space:nowrap}@media (max-width:768px){.audit-trail-container{padding:1rem}.audit-search-section{flex-direction:column}.search-bar{flex-wrap:wrap;min-width:auto;padding:.6rem;row-gap:.5rem;width:100%}.search-icon{margin-left:.25rem}.search-bar input{flex:1 1 calc(100% - 36px);padding:.55rem}.btn-clear,.btn-search{flex:1 1 calc(50% - 0.25rem);min-width:0;text-align:center}.btn-download{justify-content:center;width:100%}.audit-table{font-size:.85rem;min-width:620px}.audit-table td,.audit-table th{padding:.75rem}.audit-table td:nth-child(4),.audit-table td:nth-child(6),.audit-table td:nth-child(7),.audit-table th:nth-child(4),.audit-table th:nth-child(6),.audit-table th:nth-child(7){display:none}.audit-table td.roll-no{font-size:.8rem;word-break:break-all}.audit-pagination{flex-wrap:wrap}.page-info{text-align:center;width:100%}.audit-table td,.audit-table th{padding:.6rem}.details-grid{grid-template-columns:1fr}.audit-pagination{flex-direction:column;gap:.5rem}.btn-paging{width:100%}}.login-container{align-items:center;background:linear-gradient(160deg,#fdf8f3,#f0ece6 30%,#e8f4f2 60%,#fdf6ee);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:2rem;position:relative}.login-container:before{animation:meshFlow 20s ease-in-out infinite;background:radial-gradient(ellipse 45% 50% at 25% 25%,#f973164d 0,#0000 55%),radial-gradient(ellipse 50% 45% at 75% 75%,#0d948840 0,#0000 55%),radial-gradient(ellipse 40% 55% at 65% 15%,#f59e0b33 0,#0000 50%),radial-gradient(ellipse 55% 40% at 20% 80%,#0d94882e 0,#0000 50%);content:"";height:220%;inset:-60%;pointer-events:none;position:absolute;width:220%;z-index:0}@keyframes meshFlow{0%{transform:translate(0) rotate(0deg) scale(1)}20%{transform:translate(-4%,3%) rotate(1.5deg) scale(1.02)}40%{transform:translate(3%,-3%) rotate(-1deg) scale(.98)}60%{transform:translate(-2%,-4%) rotate(1deg) scale(1.03)}80%{transform:translate(4%,2%) rotate(-.5deg) scale(.99)}to{transform:translate(0) rotate(0deg) scale(1)}}.login-container:after{content:"";inset:0;opacity:0}.login-container:after,.login-particles{pointer-events:none;position:absolute;z-index:0}.login-particles{height:100%;overflow:hidden;width:100%}.particle{backface-visibility:hidden;border-radius:50%;pointer-events:none;position:absolute;transform:translateZ(0);will-change:transform}.particle-1{animation:blobFloat1 16s ease-in-out infinite;background:radial-gradient(circle,#f9731659 0,#f973161f 40%,#0000 65%);filter:blur(60px);height:700px;left:-200px;top:-250px;width:700px}.particle-2{animation:blobFloat2 20s ease-in-out infinite;background:radial-gradient(circle,#0d94884d 0,#0d94881a 40%,#0000 65%);bottom:-200px;filter:blur(55px);height:650px;right:-180px;width:650px}.particle-3{animation:blobFloat3 14s ease-in-out infinite;background:radial-gradient(circle,#f59e0b47 0,#f59e0b14 45%,#0000 65%);filter:blur(45px);height:500px;right:-5%;top:15%;width:500px}.particle-4{animation:blobFloat1 22s ease-in-out infinite reverse;background:radial-gradient(circle,#0d948838 0,#0d94880f 50%,#0000 65%);filter:blur(40px);height:450px;right:15%;top:-5%;width:450px}.particle-5{animation:blobFloat2 18s ease-in-out infinite reverse;background:radial-gradient(circle,#f9731633 0,#f973160d 50%,#0000 65%);bottom:5%;filter:blur(35px);height:400px;left:-5%;width:400px}@keyframes blobFloat1{0%,to{transform:translate(0) scale(1)}15%{transform:translate(80px,100px) scale(1.12)}30%{transform:translate(160px,40px) scale(.92)}50%{transform:translate(100px,140px) scale(1.08)}70%{transform:translate(40px,80px) scale(.95)}85%{transform:translate(120px,60px) scale(1.05)}}@keyframes blobFloat2{0%,to{transform:translate(0) scale(1)}20%{transform:translate(-90px,-70px) scale(1.15)}45%{transform:translate(-40px,80px) scale(.9)}70%{transform:translate(-100px,-30px) scale(1.08)}90%{transform:translate(-50px,50px) scale(.96)}}@keyframes blobFloat3{0%,to{transform:translate(0) scale(1)}25%{transform:translate(-50px,-80px) scale(1.1)}50%{transform:translate(40px,60px) scale(.93)}75%{transform:translate(-30px,-40px) scale(1.06)}}.login-box{animation:slideUpEnter .65s cubic-bezier(.34,1.56,.64,1);backdrop-filter:blur(24px) saturate(150%);-webkit-backdrop-filter:blur(24px) saturate(150%);background:#fffffff7;border:1px solid #ebe9e4;border-radius:24px;box-shadow:0 24px 64px #0000001a,0 8px 24px #0000000f,0 2px 8px #0000000a,inset 0 1px 0 #ffffffe6;max-width:460px;padding:3rem 2.75rem 2.5rem;position:relative;width:100%;z-index:2}.login-box:after{background:linear-gradient(90deg,#0000,#f97316,#f59e0b,#0d9488,#0000);border-radius:0 0 4px 4px;content:"";height:3.5px;left:8%;position:absolute;right:8%;top:0}.login-box:before{background:linear-gradient(135deg,#f973164d,#f59e0b26,#0000 60%);border-radius:24px;content:"";inset:-1px;opacity:0;position:absolute;transition:opacity .5s ease;z-index:-1}.login-box:hover:before{opacity:1}@keyframes slideUpEnter{0%{opacity:0;transform:translateY(40px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.login-header{animation:fadeInDown .55s cubic-bezier(.34,1.56,.64,1) .1s backwards;margin-bottom:2.25rem;text-align:center}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-18px)}to{opacity:1;transform:translateY(0)}}.login-logo{align-items:center;animation:logoPulse 4s ease-in-out infinite;background:linear-gradient(145deg,#fff,#fef7ed);border:2px solid #fed7aa;border-radius:26px;box-shadow:0 0 0 6px #f973160f,0 0 0 12px #0d94880a,0 10px 32px #f973162e,0 4px 12px #0000000f;display:flex;font-size:3rem;height:130px;justify-content:center;margin:0 auto 1.5rem;overflow:hidden;position:relative;width:130px}@keyframes logoPulse{0%,to{box-shadow:0 0 0 6px #f973160f,0 0 0 12px #0d94880a,0 10px 32px #f973162e,0 4px 12px #0000000f;transform:translateY(0) scale(1)}50%{box-shadow:0 0 0 8px #f973161a,0 0 0 14px #0d94880f,0 16px 40px #f9731640,0 6px 16px #00000014;transform:translateY(-6px) scale(1.015)}}.login-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f97316,#0d9488);background-clip:text;-webkit-background-clip:text;font-family:Space Grotesk,Plus Jakarta Sans,sans-serif;font-size:2.1rem;font-weight:900;letter-spacing:-.6px;margin-bottom:.4rem}.login-subtitle{color:#6b7280;font-size:.875rem;font-weight:500;margin:0}.login-form{display:block;width:100%}.form-group{animation:slideInLeft .45s cubic-bezier(.34,1.56,.64,1) backwards;margin-bottom:1.375rem;width:100%}.form-group:first-child{animation-delay:.2s}.form-group:nth-child(2){animation-delay:.3s}.form-group:nth-child(3){animation-delay:.4s}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-18px)}to{opacity:1;transform:translateX(0)}}.form-label{color:#374151;display:block;font-size:.76rem;font-weight:700;letter-spacing:.7px;margin-bottom:.55rem;text-transform:uppercase}.form-input{background:#fafaf8;border:1.5px solid #d6d3ce;border-radius:11px;box-shadow:inset 0 1px 2px #00000008;box-sizing:border-box;color:#111827;font-family:Plus Jakarta Sans,inherit;font-size:.97rem;font-weight:500;outline:none;padding:13px 16px;transition:all .25s cubic-bezier(.4,0,.2,1);width:100%}.form-input::placeholder{color:#9ca3af;font-weight:400}.form-input:focus{background:#fff;border-color:#f97316;box-shadow:0 0 0 3px #f973161a,0 4px 12px #0000000f;transform:translateY(-1px)}.form-input:hover:not(:focus){background:#fff;border-color:#fdba74}.form-input:-webkit-autofill,.form-input:-webkit-autofill:focus,.form-input:-webkit-autofill:hover{-webkit-text-fill-color:#111827!important;-webkit-box-shadow:inset 0 0 0 50px #fafaf8!important}.error-message{align-items:center;animation:shakeError .4s cubic-bezier(.36,.07,.19,.97) both;background:#fef2f2;border:1px solid #fca5a5;border-radius:10px;color:#991b1b;display:flex;font-size:.875rem;font-weight:600;gap:.6rem;margin-bottom:1.25rem;padding:12px 15px}@keyframes shakeError{0%,to{transform:translateX(0)}15%,45%,75%{transform:translateX(-5px)}30%,60%,90%{transform:translateX(5px)}}.login-button{animation:slideInUp .45s cubic-bezier(.34,1.56,.64,1) .45s backwards;background:linear-gradient(135deg,#f97316,#f59e0b);border:none;border-radius:12px;box-shadow:0 4px 20px #f973164d,0 2px 8px #f9731626;color:#fff;cursor:pointer;font-family:Plus Jakarta Sans,inherit;font-size:.92rem;font-weight:800;letter-spacing:.5px;overflow:hidden;padding:14px 24px;position:relative;text-transform:uppercase;transition:all .3s cubic-bezier(.34,1.56,.64,1);width:100%}@keyframes slideInUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.login-button:before{background:linear-gradient(90deg,#0000,#ffffff40,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.login-button:hover:before{left:100%}.login-button:hover:not(:disabled){box-shadow:0 8px 28px #f9731666,0 4px 12px #f9731633;transform:translateY(-2px) scale(1.01)}.login-button:active:not(:disabled){box-shadow:0 3px 12px #f9731640;transform:translateY(0) scale(.98)}.login-button:disabled{background:linear-gradient(135deg,#d1d5db,#9ca3af);box-shadow:none;cursor:not-allowed;transform:none}.button-spinner{animation:spinRotate .7s linear infinite;border:2px solid #ffffff59;border-radius:50%;border-top-color:#fff;display:inline-block;height:16px;margin-right:4px;width:16px}@keyframes spinRotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.info-box{animation:fadeIn .45s ease .55s backwards;background:#fff7ed;border:1px solid #fed7aa;border-radius:10px;color:#92400e;font-size:.8rem;font-weight:500;line-height:1.65;margin-top:1.125rem;padding:12px 15px}.info-box strong{color:#f97316}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.flex-center{align-items:center;display:flex;gap:.5rem;justify-content:center}.no-select{user-select:none;-webkit-user-select:none}@media (max-width:768px){.login-container{align-items:center;justify-content:center;min-height:100svh;padding:1.5rem 1rem}.login-box{border-radius:20px;max-width:420px;padding:2rem 1.5rem 1.75rem;width:100%}.particle-1{animation-duration:22s;filter:blur(52px);height:420px;width:420px}.particle-2{animation-duration:26s;filter:blur(48px);height:400px;width:400px}.particle-3{animation-duration:18s;filter:blur(36px);height:280px;width:280px}.particle-4{animation-duration:28s;filter:blur(32px);height:240px;width:240px}.particle-5{animation-duration:22s;filter:blur(30px);height:220px;width:220px}.login-logo{border-radius:20px;height:100px;width:100px}.login-title{font-size:1.75rem}.form-input{font-size:1rem;min-height:46px;padding:12px 14px}.login-button{font-size:.9rem;min-height:46px;touch-action:manipulation}.login-quick-links{gap:.5rem;right:.75rem;top:.75rem}}@media (max-width:480px){.login-container{align-items:center;justify-content:center;min-height:100svh;padding:1rem .875rem}.login-box{border-radius:18px;max-width:100%;padding:1.75rem 1.25rem 1.5rem;width:100%}.particle-1{animation-duration:20s;filter:blur(42px);height:260px;left:-80px;opacity:.9;top:-80px;width:260px}.particle-2{animation-duration:24s;bottom:-80px;filter:blur(38px);height:240px;opacity:.9;right:-80px;width:240px}.particle-3{animation-duration:16s;filter:blur(28px);height:180px;opacity:.8;width:180px}.particle-4{filter:blur(26px);height:160px;opacity:.7;width:160px}.particle-5{filter:blur(24px);height:150px;opacity:.7;width:150px}.login-logo{border-radius:18px;height:92px;width:92px}.login-header{margin-bottom:1.5rem}.login-title{font-size:1.5rem}.login-subtitle{font-size:.8rem}.form-group{margin-bottom:1rem}.form-label{font-size:.73rem}.form-input{border-radius:10px;font-size:1rem;min-height:46px;padding:12px 13px}.login-button{font-size:.88rem;min-height:46px;padding:12px 16px;touch-action:manipulation}.login-quick-links{flex-direction:column;gap:.4rem;right:.5rem;top:.5rem}}@media (max-width:375px){.login-box{border-radius:16px;padding:1.5rem 1rem 1.25rem}.login-logo{border-radius:16px;height:80px;width:80px}.login-title{font-size:1.35rem}.particle-3,.particle-4,.particle-5{display:none}.particle-1{height:200px;width:200px}.particle-2{height:190px;width:190px}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}