:root{--primary-color:#4f46e5;--primary-hover:#4338ca;--secondary-color:#10b981;--background-color:#f9fafb;--card-bg:#fff;--text-color:#1f2937;--text-secondary:#6b7280;--sidebar-bg:#fff;--sidebar-width:260px;--header-height:70px;--border-color:#e5e7eb;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--transition:all 0.3s ease}.dark-theme{--primary-color:#6366f1;--primary-hover:#818cf8;--secondary-color:#10b981;--background-color:#111827;--card-bg:#1f2937;--text-color:#f9fafb;--text-secondary:#d1d5db;--sidebar-bg:#1f2937;--border-color:#374151}*{box-sizing:border-box;padding:0;margin:0}body,html{max-width:100vw;overflow-x:hidden;height:100%}body{font-family:Google Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;color:var(--text-color);background-color:var(--background-color);line-height:1.5}a{color:inherit;text-decoration:none}.app-container{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-width);background-color:var(--sidebar-bg);border-right:1px solid var(--border-color);position:fixed;height:100vh;overflow-y:auto;z-index:10;box-shadow:var(--shadow-sm);transition:var(--transition)}.logo{padding:24px;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:center}.logo h2{color:var(--primary-color);font-weight:700;font-size:1.75rem;letter-spacing:-.025em}.side-nav{padding:20px 0}.side-nav ul{list-style:none}.side-nav li{margin-bottom:4px}.nav-item{display:flex;align-items:center;padding:12px 20px;border-radius:var(--radius-md);margin:0 10px;transition:var(--transition);font-weight:500}.nav-item:hover{background-color:rgba(99,102,241,.1);color:var(--primary-color)}.nav-icon{margin-right:12px;font-size:18px;display:flex;align-items:center;justify-content:center;width:24px;height:24px}.nav-divider{height:1px;background-color:var(--border-color);margin:15px 20px}.main-content{flex:1 1;margin-left:var(--sidebar-width);padding:0;position:relative;min-height:100vh}.header{display:flex;align-items:center;justify-content:space-between;padding:20px 30px;background-color:var(--background-color);border-bottom:1px solid var(--border-color);height:var(--header-height)}.header-title{font-size:1.25rem;font-weight:600;color:var(--text-color)}.header-actions{display:flex;gap:12px}.content{padding:30px;max-width:1200px;margin:0 auto}.heading{font-size:2rem;font-weight:700;margin-bottom:1.5rem;color:var(--text-color);letter-spacing:-.025em}.card{background-color:var(--card-bg);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-md);transition:var(--transition);border:1px solid var(--border-color)}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.card h2{font-size:1.25rem;font-weight:600;margin-bottom:12px;color:var(--text-color)}.card p{color:var(--text-secondary);margin-bottom:16px}.features{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:24px;gap:24px;margin-top:32px}.data-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));grid-gap:24px;gap:24px;margin-top:24px}.login-form,.signup-form{background-color:var(--card-bg);padding:32px;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);max-width:480px;margin:0 auto;border:1px solid var(--border-color)}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:500;color:var(--text-color)}.form-group input{width:100%;padding:12px 16px;border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:16px;background-color:var(--background-color);color:var(--text-color);transition:var(--transition)}.form-group input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(99,102,241,.2)}button[type=submit]{width:100%;background-color:var(--primary-color);color:#fff;border:none;padding:12px 20px;border-radius:var(--radius-md);font-size:16px;font-weight:500;cursor:pointer;transition:var(--transition)}button[type=submit]:hover{background-color:var(--primary-hover)}.error-message{color:#ef4444;margin-top:16px;font-size:14px;text-align:center}.login-link,.signup-link{text-align:center;margin-top:20px;color:var(--text-secondary)}.login-link a,.signup-link a{color:var(--primary-color);font-weight:500}.login-link a:hover,.signup-link a:hover{text-decoration:underline}.user-info{padding:12px 20px;margin:0 10px 10px;border-radius:var(--radius-md);background-color:rgba(99,102,241,.1)}.user-email{font-size:14px;font-weight:500;color:var(--primary-color);word-break:break-all}.sign-out-btn{width:100%;text-align:left;background:none;border:none;cursor:pointer;font-family:inherit;font-size:inherit;color:inherit;font-weight:500}.sign-out-btn:hover{background-color:rgba(239,68,68,.1);color:#ef4444}.loading{display:inline-block;width:20px;height:20px;border-radius:50%;border:3px solid rgba(99,102,241,.3);border-top:3px solid var(--primary-color);animation:spin 1s ease-in-out infinite}@keyframes spin{to{transform:rotate(1turn)}}.dots{top:0;height:100%;background-image:radial-gradient(var(--border-color) 1px,transparent 1px);background-size:30px 30px;opacity:.3}.bottom-gradient,.dots{position:absolute;left:0;width:100%;z-index:-1}.bottom-gradient{bottom:0;height:200px;background:linear-gradient(to top,var(--background-color),transparent)}.link{color:var(--primary-color);transition:var(--transition)}.link:hover{text-decoration:underline}@media (max-width:768px){.sidebar{width:70px;overflow:hidden}.nav-item span:not(.nav-icon){display:none}.logo h2{font-size:0}.logo:after{content:"T";font-size:24px;font-weight:700;color:var(--primary-color)}.main-content{margin-left:70px}.user-info{display:none}}@media (max-width:480px){.content{padding:20px}.heading{font-size:1.5rem}.login-form,.signup-form{padding:24px}}.welcome-section{margin-bottom:32px}.welcome-message{font-size:1.125rem;color:var(--text-secondary);max-width:600px}.card-link{display:inline-block;color:var(--primary-color);font-weight:500;margin-top:8px;transition:var(--transition)}.card-link:hover{color:var(--primary-hover);text-decoration:underline}.card-actions{display:flex;gap:12px;margin-top:16px}.card-button{display:inline-block;padding:10px 16px;border-radius:var(--radius-md);font-weight:500;text-align:center;transition:var(--transition)}.card-button.primary{background-color:var(--primary-color);color:#fff}.card-button.primary:hover{background-color:var(--primary-hover)}.card-button.secondary{background-color:transparent;color:var(--primary-color);border:1px solid var(--primary-color)}.card-button.secondary:hover{background-color:rgba(99,102,241,.1)}.nav-item.active{background-color:rgba(99,102,241,.15);color:var(--primary-color);font-weight:600}