.theme-light{--background-color: #FFFFFF;--text-color: #2C3E50;--card-background: #FFFFFF;--border-color: #BDC3C7}.theme-dark{--background-color: #1a1a1a;--text-color: #ECF0F1;--card-background: #2a2a2a;--border-color: #3a3a3a}.material-icons{font-family:Material Icons;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"liga"}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:16px;line-height:1.6;color:var(--text-color, #2C3E50);background-color:var(--background-color, #ECF0F1);transition:all .3s ease}h1,h2,h3,h4,h5,h6{font-weight:600;margin-bottom:16px}a{color:#2c3e50;text-decoration:none;transition:all .15s ease}a:hover{color:#3498db}button{padding:8px 24px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;border:none;outline:none}button:hover{transform:translateY(-2px);box-shadow:0 4px 6px #0000001a}button:active{transform:translateY(0)}button:disabled{opacity:.6;cursor:not-allowed}button:disabled:hover{transform:none}input,textarea,select{width:100%;padding:8px 16px;border:1px solid #BDC3C7;border-radius:4px;font-size:16px;transition:all .15s ease}input:focus,textarea:focus,select:focus{outline:none;border-color:#2c3e50;box-shadow:0 0 0 3px #2c3e501a}input::placeholder,textarea::placeholder,select::placeholder{color:#7f8c8d}.container{max-width:1200px;margin:0 auto;padding:0 24px}.card{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001f;padding:24px;transition:all .3s ease}.card:hover{box-shadow:0 4px 6px #0000001a}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mt-sm{margin-top:8px}.mt-md{margin-top:16px}.mt-lg{margin-top:24px}.mb-sm{margin-bottom:8px}.mb-md{margin-bottom:16px}.mb-lg{margin-bottom:24px}.p-sm{padding:8px}.p-md{padding:16px}.p-lg{padding:24px}