@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,700;1,9..40,400&display=swap";:root{--fe-green-light: #64BE6F;--fe-green-dark: #00A157;--fe-green-pure: #008D4C;--fe-lime: #B4FF00;--fe-yellow: #FFD400;--fe-green-pure-70: rgba(0, 142, 77, .7);--fe-green-pure-50: rgba(0, 142, 77, .5);--fe-green-pure-30: rgba(0, 142, 77, .3);--fe-green-pure-10: rgba(0, 142, 77, .1);--fe-lime-70: rgba(180, 255, 0, .7);--fe-lime-50: rgba(180, 255, 0, .5);--fe-lime-30: rgba(180, 255, 0, .3);--fe-lime-10: rgba(180, 255, 0, .1);--fe-yellow-70: rgba(255, 212, 0, .7);--fe-yellow-50: rgba(255, 212, 0, .5);--fe-yellow-30: rgba(255, 212, 0, .3);--fe-yellow-10: rgba(255, 212, 0, .1);--fe-gradient-50: linear-gradient(135deg, #00A157 50%, #64BE6F 50%);--fe-gradient-30-70:linear-gradient(135deg, #00A157 30%, #64BE6F 70%);--fe-gradient-70-30:linear-gradient(135deg, #00A157 70%, #64BE6F 30%);--fe-gradient-smooth: linear-gradient(135deg, #00A157 0%, #64BE6F 100%);--fe-gradient-accent: linear-gradient(135deg, #008D4C 0%, #B4FF00 100%);--fe-white: #FFFFFF;--fe-off-white: #F5F7F5;--fe-gray-50: #F0F4F1;--fe-gray-100: #E2EAE5;--fe-gray-200: #C5D4CA;--fe-gray-400: #8AA896;--fe-gray-600: #4A635A;--fe-gray-900: #0F1F18;--fe-dark-bg: #0A1A10;--fe-dark-surface: #122018;--fe-dark-border: rgba(100, 190, 111, .15);--fe-font-base: "DM Sans", system-ui, -apple-system, sans-serif;--fe-fw-regular: 400;--fe-fw-medium: 500;--fe-fw-bold: 700;--fe-text-xs: .75rem;--fe-text-sm: .875rem;--fe-text-base: 1rem;--fe-text-lg: 1.125rem;--fe-text-xl: 1.25rem;--fe-text-2xl: 1.5rem;--fe-text-3xl: 1.875rem;--fe-text-4xl: clamp(2rem, 4vw, 3rem);--fe-text-hero: clamp(2.5rem, 6vw, 4.5rem);--fe-leading-tight: 1.2;--fe-leading-snug: 1.35;--fe-leading-normal: 1.55;--fe-leading-relaxed: 1.75;--fe-tracking-tight: -.03em;--fe-tracking-normal: 0;--fe-tracking-wide: .04em;--fe-tracking-wider: .08em;--fe-tracking-caps: .12em;--fe-space-1: .25rem;--fe-space-2: .5rem;--fe-space-3: .75rem;--fe-space-4: 1rem;--fe-space-5: 1.25rem;--fe-space-6: 1.5rem;--fe-space-8: 2rem;--fe-space-10: 2.5rem;--fe-space-12: 3rem;--fe-space-16: 4rem;--fe-space-20: 5rem;--fe-container-max: 1280px;--fe-container-md: 960px;--fe-sidebar-width: 240px;--fe-header-height: 64px;--fe-radius-sm: .375rem;--fe-radius: .75rem;--fe-radius-lg: 1.25rem;--fe-radius-xl: 2rem;--fe-radius-full: 9999px;--fe-shadow-xs: 0 1px 3px rgba(0, 142, 77, .08);--fe-shadow-sm: 0 2px 8px rgba(0, 142, 77, .12);--fe-shadow-md: 0 4px 20px rgba(0, 142, 77, .16);--fe-shadow-lg: 0 8px 40px rgba(0, 142, 77, .22);--fe-shadow-xl: 0 16px 60px rgba(0, 142, 77, .28);--fe-shadow-glow: 0 0 24px rgba(100, 190, 111, .45);--fe-duration-fast: .15s;--fe-duration: .25s;--fe-duration-slow: .45s;--fe-ease: cubic-bezier(.16, 1, .3, 1);--fe-ease-in: cubic-bezier(.4, 0, 1, 1);--fe-ease-out: cubic-bezier(0, 0, .2, 1);--fe-z-base: 1;--fe-z-dropdown: 100;--fe-z-sticky: 200;--fe-z-overlay: 300;--fe-z-modal: 400;--fe-z-toast: 500}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--fe-font-base);font-size:var(--fe-text-base);font-weight:var(--fe-fw-regular);line-height:var(--fe-leading-normal);color:var(--fe-gray-900);background:var(--fe-off-white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,svg,video{display:block;max-width:100%}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:inherit;font-size:inherit}ul,ol{list-style:none}.fe-t1,h1.fe-heading{font-family:var(--fe-font-base);font-size:var(--fe-text-hero);font-weight:var(--fe-fw-bold);line-height:var(--fe-leading-tight);letter-spacing:var(--fe-tracking-tight);color:var(--fe-gray-900)}.fe-t2,h2.fe-heading{font-family:var(--fe-font-base);font-size:var(--fe-text-4xl);font-weight:var(--fe-fw-bold);line-height:var(--fe-leading-snug);letter-spacing:var(--fe-tracking-tight);color:var(--fe-gray-900)}.fe-t3,h3.fe-heading{font-family:var(--fe-font-base);font-size:var(--fe-text-2xl);font-weight:var(--fe-fw-bold);line-height:var(--fe-leading-snug);color:var(--fe-gray-900)}.fe-lead{font-size:var(--fe-text-xl);font-weight:var(--fe-fw-medium);line-height:var(--fe-leading-snug);color:var(--fe-gray-600)}.fe-body,p{font-size:var(--fe-text-base);font-weight:var(--fe-fw-regular);line-height:var(--fe-leading-relaxed);color:var(--fe-gray-600)}.fe-body-sm{font-size:var(--fe-text-sm);font-weight:var(--fe-fw-regular);line-height:var(--fe-leading-normal);color:var(--fe-gray-400)}.fe-label{font-size:var(--fe-text-xs);font-weight:var(--fe-fw-bold);letter-spacing:var(--fe-tracking-caps);text-transform:uppercase;color:var(--fe-green-pure)}.fe-dropcap:first-letter{font-size:3.2em;font-weight:var(--fe-fw-bold);line-height:.8;float:left;margin-right:.08em;color:var(--fe-green-dark)}.fe-highlight{color:var(--fe-green-dark);font-weight:var(--fe-fw-bold)}.fe-highlight-lime{color:var(--fe-lime)}.fe-highlight-yellow{color:var(--fe-yellow)}.fe-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--fe-space-2);padding:.65rem 1.5rem;border-radius:var(--fe-radius-full);font-family:var(--fe-font-base);font-size:var(--fe-text-sm);font-weight:var(--fe-fw-bold);letter-spacing:var(--fe-tracking-wide);text-transform:uppercase;cursor:pointer;border:none;outline:none;transition:background var(--fe-duration) var(--fe-ease),box-shadow var(--fe-duration) var(--fe-ease),transform var(--fe-duration-fast) var(--fe-ease);-webkit-user-select:none;user-select:none;white-space:nowrap}.fe-btn:active:not(:disabled){transform:translateY(1px)}.fe-btn:disabled{opacity:.45;cursor:not-allowed}.fe-btn-primary{background:var(--fe-gradient-smooth);color:var(--fe-white);box-shadow:var(--fe-shadow-md)}.fe-btn-primary:hover:not(:disabled){box-shadow:var(--fe-shadow-lg),var(--fe-shadow-glow);transform:translateY(-1px)}.fe-btn-secondary{background:transparent;color:var(--fe-green-dark);border:2px solid var(--fe-green-dark)}.fe-btn-secondary:hover:not(:disabled){background:var(--fe-green-pure-10);box-shadow:var(--fe-shadow-sm)}.fe-btn-ghost{background:transparent;color:var(--fe-green-dark)}.fe-btn-ghost:hover:not(:disabled){background:var(--fe-green-pure-10)}.fe-btn-accent{background:var(--fe-lime);color:var(--fe-gray-900);box-shadow:0 4px 16px #b4ff0059}.fe-btn-accent:hover:not(:disabled){box-shadow:0 6px 24px #b4ff0080;transform:translateY(-1px)}.fe-btn-sm{padding:.45rem 1rem;font-size:var(--fe-text-xs)}.fe-btn-lg{padding:.85rem 2rem;font-size:var(--fe-text-base)}.fe-btn-xl{padding:1rem 2.5rem;font-size:var(--fe-text-lg)}.fe-btn-icon{padding:.6rem;border-radius:var(--fe-radius);background:transparent;color:var(--fe-gray-600);border:none;cursor:pointer;transition:background var(--fe-duration-fast),color var(--fe-duration-fast)}.fe-btn-icon:hover{background:var(--fe-green-pure-10);color:var(--fe-green-dark)}.fe-badge{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .65rem;border-radius:var(--fe-radius-full);font-size:var(--fe-text-xs);font-weight:var(--fe-fw-bold);letter-spacing:var(--fe-tracking-wide);text-transform:uppercase}.fe-badge-green{background:var(--fe-green-pure-10);color:var(--fe-green-pure)}.fe-badge-lime{background:var(--fe-lime-10);color:#3a6600}.fe-badge-yellow{background:var(--fe-yellow-10);color:#7a5a00}.fe-badge-dark{background:var(--fe-dark-bg);color:var(--fe-lime)}.fe-card{background:var(--fe-white);border-radius:var(--fe-radius-lg);border:1px solid var(--fe-gray-100);padding:var(--fe-space-6);box-shadow:var(--fe-shadow-xs);transition:box-shadow var(--fe-duration) var(--fe-ease),transform var(--fe-duration) var(--fe-ease)}.fe-card:hover{box-shadow:var(--fe-shadow-md);transform:translateY(-2px)}.fe-card-accent{border-left:4px solid var(--fe-green-dark)}.fe-card-gradient{background:var(--fe-gradient-smooth);color:var(--fe-white);border:none}.fe-card-gradient .fe-t2,.fe-card-gradient .fe-t3,.fe-card-gradient p{color:#ffffffe6}.fe-card-dark{background:var(--fe-dark-surface);border-color:var(--fe-dark-border);color:var(--fe-white)}.fe-input{width:100%;padding:.7rem 1rem;border:1.5px solid var(--fe-gray-200);border-radius:var(--fe-radius);font-family:var(--fe-font-base);font-size:var(--fe-text-base);font-weight:var(--fe-fw-regular);color:var(--fe-gray-900);background:var(--fe-white);outline:none;transition:border-color var(--fe-duration-fast),box-shadow var(--fe-duration-fast)}.fe-input::placeholder{color:var(--fe-gray-400)}.fe-input:focus{border-color:var(--fe-green-dark);box-shadow:0 0 0 3px var(--fe-green-pure-10)}.fe-label-field{display:block;font-size:var(--fe-text-xs);font-weight:var(--fe-fw-bold);letter-spacing:var(--fe-tracking-caps);text-transform:uppercase;color:var(--fe-gray-400);margin-bottom:var(--fe-space-2)}.fe-form-group{margin-bottom:var(--fe-space-4)}.fe-divider{border:none;border-top:1px solid var(--fe-gray-100);margin:var(--fe-space-6) 0}.fe-divider-accent{border-top:2px solid var(--fe-green-light)}.fe-table{width:100%;border-collapse:collapse;font-size:var(--fe-text-sm)}.fe-table th{text-align:left;padding:var(--fe-space-3) var(--fe-space-4);background:var(--fe-gray-50);font-weight:var(--fe-fw-bold);letter-spacing:var(--fe-tracking-caps);text-transform:uppercase;font-size:var(--fe-text-xs);color:var(--fe-gray-400);border-bottom:2px solid var(--fe-gray-100)}.fe-table td{padding:var(--fe-space-3) var(--fe-space-4);border-bottom:1px solid var(--fe-gray-100);color:var(--fe-gray-600)}.fe-table tr:hover td{background:var(--fe-gray-50)}.fe-chip{display:inline-flex;align-items:center;gap:var(--fe-space-1);padding:.25rem .75rem;border-radius:var(--fe-radius-full);font-size:var(--fe-text-xs);font-weight:var(--fe-fw-medium);background:var(--fe-gray-100);color:var(--fe-gray-600);border:1px solid var(--fe-gray-200)}.fe-chip-green{background:var(--fe-green-pure-10);color:var(--fe-green-pure);border-color:var(--fe-green-pure-30)}.fe-alert{display:flex;align-items:flex-start;gap:var(--fe-space-3);padding:var(--fe-space-4);border-radius:var(--fe-radius);font-size:var(--fe-text-sm)}.fe-alert-success{background:var(--fe-green-pure-10);border:1px solid var(--fe-green-pure-30);color:var(--fe-green-pure)}.fe-alert-warn{background:var(--fe-yellow-10);border:1px solid var(--fe-yellow-30);color:#7a5a00}.fe-stat{display:flex;flex-direction:column;gap:var(--fe-space-2);padding:var(--fe-space-6);background:var(--fe-white);border-radius:var(--fe-radius-lg);border:1px solid var(--fe-gray-100);box-shadow:var(--fe-shadow-xs)}.fe-stat-label{font-size:var(--fe-text-xs);font-weight:var(--fe-fw-bold);letter-spacing:var(--fe-tracking-caps);text-transform:uppercase;color:var(--fe-gray-400)}.fe-stat-value{font-size:var(--fe-text-3xl);font-weight:var(--fe-fw-bold);letter-spacing:var(--fe-tracking-tight);color:var(--fe-gray-900);line-height:1}.fe-stat-delta{font-size:var(--fe-text-sm);font-weight:var(--fe-fw-medium);color:var(--fe-green-dark)}.fe-container{width:100%;max-width:var(--fe-container-max);margin-inline:auto;padding-inline:var(--fe-space-6)}.fe-container-md{max-width:var(--fe-container-md)}.fe-app-shell{display:flex;height:100vh;overflow:hidden;background:var(--fe-off-white)}.fe-sidebar{width:var(--fe-sidebar-width);flex-shrink:0;background:var(--fe-dark-bg);display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;border-right:1px solid var(--fe-dark-border)}.fe-sidebar-logo{padding:var(--fe-space-5) var(--fe-space-5) var(--fe-space-4);border-bottom:1px solid var(--fe-dark-border)}.fe-sidebar-logo-text{font-size:var(--fe-text-xl);font-weight:var(--fe-fw-bold);color:var(--fe-white);letter-spacing:var(--fe-tracking-tight)}.fe-sidebar-logo-sub{font-size:var(--fe-text-xs);color:#ffffff59;letter-spacing:var(--fe-tracking-caps);text-transform:uppercase;margin-top:var(--fe-space-1)}.fe-sidebar-nav{flex:1;padding:var(--fe-space-3) var(--fe-space-3);display:flex;flex-direction:column;gap:var(--fe-space-1)}.fe-nav-item{display:flex;align-items:center;gap:var(--fe-space-3);padding:.6rem var(--fe-space-3);border-radius:var(--fe-radius);font-size:var(--fe-text-sm);font-weight:var(--fe-fw-medium);color:#ffffff80;cursor:pointer;transition:background var(--fe-duration-fast),color var(--fe-duration-fast);-webkit-user-select:none;user-select:none}.fe-nav-item:hover{background:#64be6f1a;color:#ffffffd9}.fe-nav-item.active{background:var(--fe-gradient-smooth);color:var(--fe-white);font-weight:var(--fe-fw-bold);box-shadow:var(--fe-shadow-sm)}.fe-nav-section-title{font-size:var(--fe-text-xs);font-weight:var(--fe-fw-bold);letter-spacing:var(--fe-tracking-caps);text-transform:uppercase;color:#ffffff40;padding:var(--fe-space-4) var(--fe-space-3) var(--fe-space-2)}.fe-sidebar-footer{padding:var(--fe-space-4);border-top:1px solid var(--fe-dark-border)}.fe-main{flex:1;display:flex;flex-direction:column;min-width:0;overflow:hidden}.fe-topbar{height:var(--fe-header-height);flex-shrink:0;display:flex;align-items:center;gap:var(--fe-space-4);padding:0 var(--fe-space-8);background:var(--fe-white);border-bottom:1px solid var(--fe-gray-100);box-shadow:var(--fe-shadow-xs);z-index:var(--fe-z-sticky)}.fe-content{flex:1;overflow-y:auto;padding:var(--fe-space-8)}.fe-page-header{margin-bottom:var(--fe-space-8)}.fe-page-title{font-size:var(--fe-text-3xl);font-weight:var(--fe-fw-bold);letter-spacing:var(--fe-tracking-tight);color:var(--fe-gray-900);line-height:var(--fe-leading-tight)}.fe-page-subtitle{font-size:var(--fe-text-base);color:var(--fe-gray-400);margin-top:var(--fe-space-2)}.fe-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--fe-space-6)}.fe-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--fe-space-6)}.fe-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--fe-space-6)}.fe-grid-auto{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--fe-space-6)}.fe-flex{display:flex}.fe-flex-center{display:flex;align-items:center;justify-content:center}.fe-flex-between{display:flex;align-items:center;justify-content:space-between}.fe-flex-col{display:flex;flex-direction:column}.fe-gap-2{gap:var(--fe-space-2)}.fe-gap-4{gap:var(--fe-space-4)}.fe-gap-6{gap:var(--fe-space-6)}.fe-mt-4{margin-top:var(--fe-space-4)}.fe-mt-8{margin-top:var(--fe-space-8)}.fe-mb-4{margin-bottom:var(--fe-space-4)}.fe-mb-8{margin-bottom:var(--fe-space-8)}.fe-logo-wrapper{display:inline-flex;align-items:center;gap:var(--fe-space-2);padding:.5em}.fe-logo-negative img,.fe-logo-negative svg{filter:brightness(0) invert(1)}.fe-logo-on-gradient img,.fe-logo-on-gradient svg{filter:brightness(0) invert(1)}.fe-logomark{width:40px;height:40px;background:var(--fe-gradient-smooth);border-radius:var(--fe-radius);display:flex;align-items:center;justify-content:center;flex-shrink:0}@media (prefers-color-scheme: dark){:root{--fe-off-white: #0F1F18;--fe-gray-50: #122018;--fe-gray-100: #1a2e20;--fe-gray-200: #2a4035;--fe-gray-400: #6aaa88;--fe-gray-600: #a8c8b8;--fe-gray-900: #e8f5ee;--fe-white: #1a2e20}.fe-card{border-color:var(--fe-dark-border)}.fe-topbar{background:var(--fe-dark-surface);border-color:var(--fe-dark-border)}}@media (max-width: 1024px){.fe-grid-4,.fe-grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){:root{--fe-sidebar-width: 0px;--fe-content: var(--fe-space-4)}.fe-sidebar{display:none}.fe-grid-2,.fe-grid-3,.fe-grid-4{grid-template-columns:1fr}.fe-content{padding:var(--fe-space-4)}.fe-topbar{padding:0 var(--fe-space-4)}}:root{--brand-primary: #00A157;--brand-light: #64BE6F;--brand-pure: #008D4C;--brand-lime: #B4FF00;--brand-yellow: #FFD400;--brand-hover: #008D4C;--brand-gradient: linear-gradient(135deg, #00A157 0%, #64BE6F 100%);--surface: rgba(255, 255, 255, .86);--surface-card: rgba(255, 255, 255, .74);--text-primary: #0F1F18;--text-secondary: #4A635A;--border: rgba(0, 161, 87, .18);--shadow-lg: 0 20px 60px rgba(0, 142, 77, .2);--shadow-card: 0 4px 24px rgba(0, 142, 77, .14);--shadow-glow: 0 0 28px rgba(100, 190, 111, .4);--radius: 1rem;--radius-sm: .625rem;--radius-full: 9999px;--transition: .22s cubic-bezier(.16, 1, .3, 1);--font: "DM Sans", system-ui, -apple-system, sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:linear-gradient(135deg,#008d4c,#00a157 45%,#64be6f);background-size:200% 200%;animation:gradientShift 12s ease infinite;position:relative;overflow:hidden}.login-page:before,.login-page:after{content:"";position:absolute;border-radius:50%;filter:blur(100px);animation:blobFloat 10s ease-in-out infinite alternate;pointer-events:none}.login-page:before{width:560px;height:560px;background:radial-gradient(circle,rgba(180,255,0,.28),transparent 70%);top:-160px;left:-120px;opacity:1}.login-page:after{width:440px;height:440px;background:radial-gradient(circle,rgba(255,212,0,.22),transparent 70%);bottom:-100px;right:-80px;opacity:1;animation-delay:3.5s}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes blobFloat{0%{transform:translateY(0) scale(1)}to{transform:translateY(28px) scale(1.06)}}.login-card{background:#fffffff5;backdrop-filter:blur(32px) saturate(200%);-webkit-backdrop-filter:blur(32px) saturate(200%);border:1px solid rgba(255,255,255,.7);border-radius:var(--radius);box-shadow:0 24px 64px #0064324d,0 2px #fffc inset;padding:2.5rem 2.75rem;width:100%;max-width:420px;position:relative;z-index:10;animation:cardIn .5s cubic-bezier(.16,1,.3,1) both}@keyframes cardIn{0%{opacity:0;transform:translateY(30px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.login-logo{display:block;margin-bottom:1.75rem;padding:.25rem 0}.login-logo svg{display:block}.login-title{font-family:var(--font);font-size:1.35rem;font-weight:700;color:var(--text-primary);margin-bottom:.3rem;letter-spacing:-.02em}.login-subtitle{font-family:var(--font);font-size:.9rem;font-weight:400;color:var(--text-secondary);margin-bottom:1.75rem;line-height:1.5}.login-card:before{content:"";position:absolute;top:0;left:2rem;right:2rem;height:3px;background:var(--brand-gradient);border-radius:0 0 var(--radius-full) var(--radius-full);opacity:.85}.form-group{margin-bottom:1.1rem}.form-label{display:block;font-family:var(--font);font-size:.72rem;font-weight:700;color:var(--text-secondary);margin-bottom:.4rem;text-transform:uppercase;letter-spacing:.1em}.form-input{width:100%;padding:.72rem 1rem;border:1.5px solid var(--border);border-radius:var(--radius-sm);background:#ffffffa6;color:var(--text-primary);font-family:var(--font);font-size:.95rem;font-weight:400;outline:none;transition:border-color var(--transition),box-shadow var(--transition)}.form-input::placeholder{color:#8aa896}.form-input:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px #00a15724;background:#ffffffe0}.input-wrapper{position:relative}.input-wrapper .form-input{padding-right:2.8rem}.input-eye{position:absolute;right:.8rem;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:var(--text-secondary);font-size:1.1rem;line-height:1;padding:.2rem;transition:color var(--transition)}.input-eye:hover{color:var(--brand-primary)}.btn-primary{width:100%;padding:.82rem;background:var(--brand-gradient);color:#fff;border:none;border-radius:var(--radius-full);font-family:var(--font);font-size:.9rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:opacity var(--transition),transform var(--transition),box-shadow var(--transition);box-shadow:0 4px 16px #00a15766;margin-top:.5rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.btn-primary:hover:not(:disabled){opacity:.92;transform:translateY(-1px);box-shadow:0 6px 24px #00a15785,var(--shadow-glow)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{opacity:.55;cursor:not-allowed}.error-banner{display:flex;align-items:center;gap:.5rem;background:#ef444414;border:1px solid rgba(239,68,68,.28);border-radius:var(--radius-sm);padding:.65rem .9rem;margin-bottom:1rem;color:#dc2626;font-family:var(--font);font-size:.87rem;font-weight:500;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.spinner{width:20px;height:20px;border:2.5px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.section-divider{display:flex;align-items:center;gap:.75rem;margin:1.5rem 0 1.2rem;color:var(--text-secondary);font-size:.82rem;font-family:var(--font)}.section-divider:before,.section-divider:after{content:"";flex:1;height:1px;background:var(--border)}.profile-picker-card{max-width:560px}.profile-picker-header{text-align:center;margin-bottom:1.5rem}.profile-picker-icon{width:54px;height:54px;background:var(--brand-gradient);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin:0 auto 1rem;box-shadow:0 6px 20px #00a15761}.profile-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.85rem;margin-bottom:1.25rem;max-height:340px;overflow-y:auto;padding-right:2px}.profile-grid::-webkit-scrollbar{width:4px}.profile-grid::-webkit-scrollbar-track{background:transparent}.profile-grid::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.profile-card{background:var(--surface-card);border:1.5px solid var(--border);border-radius:var(--radius-sm);padding:1rem 1.1rem;cursor:pointer;transition:border-color var(--transition),box-shadow var(--transition),transform var(--transition);display:flex;flex-direction:column;gap:.3rem;position:relative;overflow:hidden;animation:cardIn .35s cubic-bezier(.16,1,.3,1) both}.profile-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(0,161,87,.06),transparent 60%);opacity:0;transition:opacity var(--transition)}.profile-card:hover{border-color:var(--brand-primary);box-shadow:var(--shadow-card);transform:translateY(-2px)}.profile-card:hover:before{opacity:1}.profile-card:active{transform:translateY(0)}.profile-card-avatar{width:38px;height:38px;background:linear-gradient(135deg,#00a15726,#64be6f40);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:700;color:var(--brand-primary);margin-bottom:.4rem;flex-shrink:0}.profile-card-name{font-family:var(--font);font-size:.97rem;font-weight:700;color:var(--text-primary);line-height:1.2}.profile-card-username{font-size:.78rem;color:var(--text-secondary);font-family:JetBrains Mono,Fira Code,monospace}.profile-card-badge{display:inline-flex;align-items:center;background:#00a1571a;color:var(--brand-primary);border-radius:var(--radius-full);padding:.18rem .55rem;font-family:var(--font);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;margin-top:.2rem;width:fit-content}.profile-card-arrow{position:absolute;right:.9rem;top:50%;transform:translateY(-50%);color:var(--brand-primary);opacity:0;transition:opacity var(--transition),right var(--transition);font-size:1.1rem}.profile-card:hover .profile-card-arrow{opacity:1;right:.65rem}.back-link{background:none;border:none;cursor:pointer;color:var(--text-secondary);font-family:var(--font);font-size:.85rem;display:flex;align-items:center;gap:.35rem;padding:0;transition:color var(--transition);margin-top:.5rem;width:100%;justify-content:center}.back-link:hover{color:var(--brand-primary)}@media (max-width: 480px){.login-card{padding:1.75rem 1.5rem}.profile-grid{grid-template-columns:1fr}}.appshell-sidebar{display:flex;flex-direction:column;flex-shrink:0;background:var(--fe-dark-bg);border-right:1px solid var(--fe-dark-border);position:relative;transition:width .3s cubic-bezier(.16,1,.3,1);overflow:hidden}.appshell-sidebar.open{width:240px}.appshell-sidebar.closed{width:60px}.sidebar-toggle{position:absolute;right:-28px;top:18px;width:28px;height:28px;border:1px solid var(--fe-dark-border);border-left:none;border-radius:0 8px 8px 0;background:var(--fe-dark-bg);color:#fff6;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:11px;z-index:10;transition:color .2s,background .2s;padding:0;line-height:1}.sidebar-toggle:hover{color:var(--fe-green-light);background:#64be6f1a}.sidebar-logo-area{padding:18px 16px 14px;border-bottom:1px solid var(--fe-dark-border);overflow:hidden;transition:padding .3s}.appshell-sidebar.closed .sidebar-logo-area{padding:18px 10px 14px;display:flex;justify-content:center}.sidebar-logo-sub{font-family:var(--fe-font-base);font-size:.65rem;font-weight:400;color:#ffffff59;letter-spacing:.12em;text-transform:uppercase;margin-top:4px;white-space:nowrap;overflow:hidden;transition:opacity .2s}.appshell-sidebar.closed .sidebar-logo-sub{opacity:0;height:0;margin-top:0}.sidebar-nav{flex:1;padding:10px 8px;display:flex;flex-direction:column;gap:2px;overflow-y:auto;overflow-x:hidden}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-thumb{background:#64be6f33;border-radius:4px}.sidebar-nav-item{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:10px;cursor:grab;font-family:var(--fe-font-base);font-size:.875rem;font-weight:500;color:#ffffff80;-webkit-user-select:none;user-select:none;position:relative;white-space:nowrap;transition:background .15s,color .15s,transform .15s,opacity .15s}.sidebar-nav-item:hover{background:#64be6f1a;color:#ffffffd9}.sidebar-nav-item.active{background:var(--fe-gradient-smooth);color:var(--fe-white);font-weight:700;box-shadow:var(--fe-shadow-sm)}.sidebar-nav-item.dragging{opacity:.35;transform:scale(.95)}.sidebar-nav-item.drag-over{border-top:2px solid var(--fe-green-light)}.drag-handle{cursor:grab;opacity:.3;font-size:13px;flex-shrink:0;width:18px;text-align:center;transition:opacity .2s;color:#ffffff80}.sidebar-nav-item:hover .drag-handle{opacity:.7}.nav-icon{font-size:1rem;width:20px;text-align:center;flex-shrink:0}.nav-label{font-size:.875rem;overflow:hidden;text-overflow:ellipsis;transition:opacity .2s}.appshell-sidebar.closed .nav-label{opacity:0;width:0}.sidebar-footer{padding:12px 14px;border-top:1px solid var(--fe-dark-border);transition:padding .3s}.appshell-sidebar.closed .sidebar-footer{padding:12px 8px}.save-order-btn{width:100%;padding:7px 10px;border-radius:8px;border:1px solid rgba(100,190,111,.25);background:transparent;color:#ffffff73;font-family:var(--fe-font-base);font-size:.78rem;font-weight:500;cursor:pointer;text-align:center;transition:all .15s;white-space:nowrap;overflow:hidden}.save-order-btn:hover{color:var(--fe-green-light);border-color:#64be6f66;background:#64be6f14}.sidebar-user-info{font-family:var(--fe-font-base);font-size:.78rem;color:#ffffff73;margin-bottom:10px;line-height:1.45;overflow:hidden}.sidebar-user-name{font-weight:700;color:#ffffffd1;font-size:.85rem}.appshell-sidebar.closed .sidebar-user-info{opacity:0;height:0;margin-bottom:0}.logout-btn{width:100%;padding:7px;border-radius:8px;border:1px solid rgba(100,190,111,.2);background:transparent;color:#ffffff7a;font-family:var(--fe-font-base);font-size:.8rem;font-weight:500;cursor:pointer;text-align:center;transition:all .15s}.logout-btn:hover{color:var(--fe-green-light);border-color:#64be6f66}.appshell-main{flex:1;display:flex;flex-direction:column;min-width:0;overflow:hidden}