@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@300;400;500;600;700;800&display=swap";:root{--font-heading:"Outfit","Inter",-apple-system,BlinkMacSystemFont,sans-serif;--font-body:"Inter",-apple-system,BlinkMacSystemFont,sans-serif;--primary-hsl:134,61%,24%;--primary:hsl(var(--primary-hsl));--primary-light:#ebfaee;--primary-medium:#39ac54;--primary-gradient:linear-gradient(135deg,#186329,#1b9849);--secondary:#ffc105;--secondary-gradient:linear-gradient(135deg,#ffc105,#ff9500);--danger:#db1a1a;--danger-light:#fff0f0;--success:#157f3c;--success-light:#e9fbf0;--warning:#f59f0a;--warning-light:#fff8eb;--bg-app:#f6f7f9;--bg-card:#fff;--border-color:#e2e6e9;--text-main:#1f2933;--text-muted:#6a7581;--glass-bg:#ffffffbf;--glass-border:#fff6;--shadow-sm:0 2px 8px -1px #0000000d;--shadow-md:0 10px 25px -5px #0000000d,0 8px 16px -6px #00000008;--shadow-lg:0 20px 40px -10px #1b5e2014,0 10px 20px -8px #0000000a;--transition-fast:.15s cubic-bezier(.4,0,.2,1);--transition-smooth:.3s cubic-bezier(.4,0,.2,1);--radius-sm:8px;--radius-md:16px;--radius-lg:24px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-app);color:var(--text-main);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:15px;line-height:1.5}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--text-main);font-weight:700;line-height:1.25}a{color:var(--primary);transition:var(--transition-fast);text-decoration:none}a:hover{color:var(--primary-medium)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-app)}::-webkit-scrollbar-thumb{background:#c7ccd1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#abb3ba}.container{max-width:1400px;margin:0 auto;padding:24px}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:var(--transition-smooth);padding:24px;position:relative;overflow:hidden}.card:hover{border-color:#c6eccf;transform:translateY(-4px)}.card:hover,.glass-panel{box-shadow:var(--shadow-md)}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border)}.btn{font-family:var(--font-heading);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-fast);white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;display:inline-flex}.btn-primary{background:var(--primary-gradient);color:#fff;box-shadow:0 4px 12px #1b5e2033}.btn-primary:hover{filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 6px 16px #1b5e204d}.btn-secondary{background:var(--bg-app);color:var(--text-main);border-color:var(--border-color)}.btn-secondary:hover{background:#e9ebed;border-color:#c7ccd1}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{filter:brightness(1.1)}.form-group{margin-bottom:20px}.form-label{font-family:var(--font-heading);color:var(--text-main);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:13px;font-weight:600;display:block}.form-control{width:100%;font-family:var(--font-body);color:var(--text-main);background:var(--bg-card);border:1.5px solid var(--border-color);border-radius:var(--radius-sm);transition:var(--transition-fast);outline:none;padding:12px 16px;font-size:14px}.form-control:focus{border-color:var(--primary);box-shadow:0 0 0 4px #1b5e201a}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-2,.grid-3{gap:24px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}@media (width<=1024px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.app-root-container{min-height:100vh;position:relative}.floating-mobile-logout{z-index:2000;position:fixed;top:10px;right:16px}.root-logout-btn{background:var(--danger-light);font-family:var(--font-heading,inherit);color:var(--danger);cursor:pointer;border:1px solid #fcc;border-radius:20px;align-items:center;gap:6px;padding:8px 14px;font-size:12px;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 12px #d32f2f1f}.root-logout-btn:hover{transform:translateY(-1px)}.root-logout-btn.confirm-state,.root-logout-btn:hover{background:var(--danger);color:#fff;border-color:var(--danger)}.root-logout-btn.confirm-state{animation:.3s ease-in-out shake}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}@media (width>=480px){.floating-mobile-logout{right:calc(50% - 228px)}}