@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap";:root{--primary-hsl:25, 100%, 50%;--secondary-hsl:45, 100%, 51%;--accent-hsl:145, 100%, 39%;--danger-hsl:360, 79%, 55%;--warning-hsl:36, 100%, 50%;--background-hsl:216, 33%, 97%;--card-hsl:0, 0%, 100%;--text-hsl:210, 24%, 16%;--primary:hsl(var(--primary-hsl));--primary-light:hsla(var(--primary-hsl), .1);--secondary:hsl(var(--secondary-hsl));--accent:hsl(var(--accent-hsl));--accent-light:hsla(var(--accent-hsl), .15);--danger:hsl(var(--danger-hsl));--danger-light:hsla(var(--danger-hsl), .1);--warning:hsl(var(--warning-hsl));--warning-light:hsla(var(--warning-hsl), .1);--background:hsl(var(--background-hsl));--card:hsl(var(--card-hsl));--text:hsl(var(--text-hsl));--text-muted:hsla(var(--text-hsl), .6);--border:hsla(var(--text-hsl), .08);--font-family:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--shadow-sm:0 2px 8px #0f4c810a;--shadow-md:0 8px 30px #0f4c8114;--shadow-lg:0 16px 40px #0f4c811f;--transition:all .3s cubic-bezier(.4, 0, .2, 1);--glass-bg:#ffffffb3;--glass-border:#fff6;--glass-blur:blur(12px)}.dark-theme{--background-hsl:222, 47%, 11%;--card-hsl:223, 47%, 16%;--text-hsl:210, 40%, 96%;--primary-hsl:25, 100%, 50%;--secondary-hsl:45, 100%, 51%;--border:hsla(var(--text-hsl), .1);--glass-bg:#0f172ab3;--glass-border:#ffffff14;--shadow-sm:0 2px 8px #0003;--shadow-md:0 8px 30px #0000004d;--shadow-lg:0 16px 40px #0006}*{box-sizing:border-box;font-family:var(--font-family);-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{background-color:var(--background);color:var(--text);line-height:1.5;transition:background-color .3s,color .3s;overflow-x:hidden}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.app-container{flex-direction:column;min-height:100vh;display:flex}.mobile-layout{background:var(--background);max-width:480px;min-height:100vh;box-shadow:var(--shadow-lg);flex-direction:column;flex:1;margin:0 auto;padding-bottom:74px;display:flex;position:relative}@media (width>=481px){.mobile-layout{border-left:1px solid var(--border);border-right:1px solid var(--border)}}.bottom-nav{background:var(--glass-bg);width:100%;max-width:480px;height:64px;-webkit-backdrop-filter:var(--glass-blur);border-top:1px solid var(--glass-border);z-index:1000;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 -4px 20px #0000000a}.bottom-nav-item{color:var(--text-muted);height:100%;transition:var(--transition);flex-direction:column;flex:1;justify-content:center;align-items:center;font-size:11px;font-weight:500;display:flex;position:relative}.bottom-nav-item.active{color:var(--secondary)}.bottom-nav-icon{margin-bottom:2px;font-size:22px}.bottom-nav-item.special-btn{background:linear-gradient(135deg, var(--primary), var(--secondary));color:#fff;width:52px;height:52px;box-shadow:0 4px 12px hsla(var(--secondary-hsl), .4);border-radius:50%;flex:none;transform:translateY(-12px)}.bottom-nav-item.special-btn.active{color:#fff;box-shadow:0 4px 20px hsla(var(--secondary-hsl), .6)}.bottom-nav-item.special-btn .bottom-nav-icon{margin:0;font-size:24px}h1,h2,h3,h4,h5,h6{color:var(--text);font-weight:700}.btn{border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);border:none;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:600;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--primary), var(--secondary));color:#fff}.btn-primary:hover{opacity:.9;transform:translateY(-1px)}.btn-secondary{background:var(--primary-light);color:var(--primary)}.btn-secondary:hover{background:hsla(var(--primary-hsl), .15)}.btn-accent{background:var(--accent);color:#fff}.btn-block{width:100%}.card{background:var(--card);border-radius:var(--radius-md);border:1px solid var(--border);box-shadow:var(--shadow-sm);transition:var(--transition);padding:20px}.card:hover{box-shadow:var(--shadow-md)}.form-group{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.form-label{color:var(--text-muted);font-size:13px;font-weight:600}.form-input{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--background);width:100%;color:var(--text);transition:var(--transition);outline:none;padding:12px 16px;font-size:14px}.form-input:focus{border-color:var(--secondary);box-shadow:0 0 0 3px hsla(var(--secondary-hsl), .15)}.form-error{color:var(--danger);font-size:12px;font-weight:500}.admin-layout{background:var(--background);min-height:100vh;display:flex}.admin-sidebar{background:var(--card);border-right:1px solid var(--border);z-index:100;flex-direction:column;gap:32px;width:260px;padding:24px;display:flex}@media (width<=768px){.admin-sidebar{display:none}}.admin-content{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:32px}@media (width<=768px){.admin-content{padding:16px}}.glass-header{z-index:100;background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border-bottom:1px solid var(--glass-border);justify-content:space-between;align-items:center;padding:16px;display:flex;position:sticky;top:0}.skeleton{background:linear-gradient(90deg, var(--border) 25%, var(--glass-border) 37%, var(--border) 63%);border-radius:var(--radius-sm);background-size:400% 100%;animation:1.4s infinite skeleton-loading}@keyframes skeleton-loading{0%{background-position:100%}to{background-position:0%}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}