*{margin:0;padding:0;box-sizing:border-box}:root{--background-color: #f9fafb;--text-color: #1c1e21;--card-background: #ffffff;--primary-color: #4caf50;--primary-light: #80e27e;--primary-dark: #087f23;--secondary-color: #e8f5e9;--border-color: #e0e0e0;--hover-color: #f5f7fa;--accent-color: #66bb6a;--success-color: #43a047;--error-color: #e53935;--warning-color: #ffb74d;--shadow: 0 2px 8px rgba(0, 0, 0, .08);--shadow-hover: 0 8px 24px rgba(0, 0, 0, .12);--shadow-card: 0 1px 3px rgba(0, 0, 0, .05);--shadow-dropdown: 0 4px 20px rgba(0, 0, 0, .15);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .4s ease;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;--avatar-border: 2px solid var(--card-background);--header-height: 64px;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--space-3xl: 64px;--text-xs: 12px;--text-sm: 14px;--text-md: 16px;--text-lg: 18px;--text-xl: 20px;--text-2xl: 24px;--text-3xl: 32px}.theme-dark{--background-color: #121212;--text-color: #e4e6eb;--card-background: #1e1e1e;--primary-color: #4caf50;--primary-light: #80e27e;--primary-dark: #087f23;--secondary-color: #2d332a;--border-color: #2c2c2c;--hover-color: #2a2a2a;--accent-color: #66bb6a;--success-color: #43a047;--error-color: #f44336;--warning-color: #ffa726;--shadow: 0 2px 8px rgba(0, 0, 0, .3);--shadow-hover: 0 8px 24px rgba(0, 0, 0, .4);--shadow-card: 0 1px 3px rgba(0, 0, 0, .2);--shadow-dropdown: 0 4px 20px rgba(0, 0, 0, .4);--avatar-border: 2px solid var(--card-background)}.theme-night-blue{--background-color: #0f172a;--text-color: #e2e8f0;--card-background: #1e293b;--primary-color: #4ade80;--primary-light: #86efac;--primary-dark: #22c55e;--secondary-color: #2c3e50;--border-color: #334155;--hover-color: #2a3649;--accent-color: #34d399;--success-color: #10b981;--error-color: #ef4444;--warning-color: #f59e0b;--shadow: 0 2px 8px rgba(0, 0, 0, .4);--shadow-hover: 0 8px 24px rgba(0, 0, 0, .5);--shadow-card: 0 1px 3px rgba(0, 0, 0, .3);--shadow-dropdown: 0 4px 20px rgba(0, 0, 0, .5);--avatar-border: 2px solid var(--card-background)}.theme-green-grass{--background-color: #effaf0;--text-color: #1a3a20;--card-background: #ffffff;--primary-color: #2f9e44;--primary-light: #8ce99a;--primary-dark: #176529;--secondary-color: #d3f9d8;--border-color: #b2f2bb;--hover-color: #e6f9e7;--accent-color: #40c057;--success-color: #2b8a3e;--error-color: #e03131;--warning-color: #f08c00;--shadow: 0 2px 8px rgba(0, 0, 0, .06);--shadow-hover: 0 8px 24px rgba(0, 0, 0, .1);--shadow-card: 0 1px 3px rgba(0, 0, 0, .04);--shadow-dropdown: 0 4px 20px rgba(0, 0, 0, .1);--avatar-border: 2px solid var(--card-background)}body{font-family:var(--font-sans);background-color:var(--background-color);color:var(--text-color);margin:0;padding:0;overflow-x:hidden;transition:background-color var(--transition-normal),color var(--transition-normal);font-size:var(--text-md);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--primary-color);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--primary-dark)}input,textarea,select{background-color:var(--card-background);color:var(--text-color);border:1px solid var(--border-color);font-family:var(--font-sans);border-radius:var(--radius-sm);padding:var(--space-sm) var(--space-md);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #4caf5033}button{font-family:var(--font-sans);border:none;border-radius:var(--radius-sm);padding:var(--space-sm) var(--space-md);cursor:pointer;transition:background-color var(--transition-fast),transform var(--transition-fast),opacity var(--transition-fast)}button:disabled{opacity:.6;cursor:not-allowed}h1,h2,h3,h4,h5,h6{color:var(--text-color);font-weight:600;line-height:1.2}.glass{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-md)}.theme-dark .glass{background:#1e1e1ecc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.05)}.btn{display:inline-flex;align-items:center;justify-content:center;height:40px;padding:0 var(--space-md);border-radius:var(--radius-md);font-weight:500;transition:all var(--transition-fast)}.btn-primary{background-color:var(--primary-color);color:#fff}.btn-primary:hover{background-color:var(--primary-dark);transform:translateY(-1px)}.btn-secondary{background-color:var(--secondary-color);color:var(--text-color)}.btn-secondary:hover{background-color:var(--hover-color)}.btn-icon{width:40px;height:40px;border-radius:var(--radius-full);padding:0;display:inline-flex;align-items:center;justify-content:center}.card{background-color:var(--card-background);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);transition:box-shadow var(--transition-normal),transform var(--transition-normal);border:1px solid var(--border-color);overflow:hidden}.card:hover{box-shadow:var(--shadow-hover)}.avatar{border-radius:var(--radius-full);overflow:hidden;background-color:var(--secondary-color);display:flex;align-items:center;justify-content:center;color:var(--primary-color);font-weight:600;border:var(--avatar-border)}.avatar-sm{width:32px;height:32px;font-size:var(--text-sm)}.avatar-md{width:40px;height:40px;font-size:var(--text-md)}.avatar-lg{width:64px;height:64px;font-size:var(--text-xl)}.avatar-xl{width:96px;height:96px;font-size:var(--text-2xl)}.badge{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-full);padding:2px 8px;font-size:var(--text-xs);font-weight:600;position:absolute;background-color:var(--error-color);color:#fff;min-width:18px;height:18px}.theme-transition *{transition:background-color var(--transition-normal),color var(--transition-normal),border-color var(--transition-normal),box-shadow var(--transition-normal)}.display-default .content-card{padding:var(--space-md);margin-bottom:var(--space-md)}.display-compact .content-card{padding:var(--space-sm);margin-bottom:var(--space-sm);font-size:.95em}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.auth-page .main-content{padding-left:0!important}@media (max-width: 768px){:root{--text-md: 15px}.auth-page .main-content{padding-left:0!important}.card{border-radius:var(--radius-md)}}.material-icons{font-size:24px;line-height:1;vertical-align:middle;color:inherit}:root{--primary-color-rgb: 76, 175, 80;--primary-dark-rgb: 56, 142, 60;--primary-light-rgb: 129, 199, 132;--accent-color-rgb: 102, 187, 106;--success-color-rgb: 67, 160, 71;--error-color-rgb: 229, 57, 53;--warning-color-rgb: 255, 183, 77}.theme-dark{--primary-color-rgb: 76, 175, 80;--primary-dark-rgb: 56, 142, 60;--primary-light-rgb: 129, 199, 132;--accent-color-rgb: 102, 187, 106;--success-color-rgb: 67, 160, 71;--error-color-rgb: 244, 67, 54;--warning-color-rgb: 255, 167, 38}.theme-night-blue{--primary-color-rgb: 74, 222, 128;--primary-dark-rgb: 34, 197, 94;--primary-light-rgb: 134, 239, 172;--accent-color-rgb: 52, 211, 153;--success-color-rgb: 16, 185, 129;--error-color-rgb: 239, 68, 68;--warning-color-rgb: 245, 158, 11}.theme-green-grass{--primary-color-rgb: 47, 158, 68;--primary-dark-rgb: 23, 101, 41;--primary-light-rgb: 140, 233, 154;--accent-color-rgb: 64, 192, 87;--success-color-rgb: 43, 138, 62;--error-color-rgb: 224, 49, 49;--warning-color-rgb: 240, 140, 0}html,body{transition:background-color .3s ease,color .3s ease}body *{transition:background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease}