*{margin:0;padding:0;box-sizing:border-box}html{height:100%;scroll-behavior:smooth}body{height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--color-background);color:var(--color-on-surface);transition:var(--transition);overflow-x:hidden}#root{height:100%;min-height:100vh}button{border:none;cursor:pointer;font-family:inherit;background:transparent;color:inherit;transition:var(--transition)}button:disabled{cursor:not-allowed;color:var(--color-disabled)}input{border:none;outline:none;font-family:inherit;background:transparent;color:inherit}input::placeholder{color:var(--color-disabled)}a{color:inherit;text-decoration:none}.text-center{text-align:center}.flex{display:flex}.flex-column{flex-direction:column}.flex-row{flex-direction:row}.justify-center{justify-content:center}.align-center{align-items:center}.space-between{justify-content:space-between}.card{background-color:var(--color-surface);border-radius:var(--border-radius);box-shadow:var(--elevation-2);transition:var(--transition)}.card-large{border-radius:var(--border-radius-large);box-shadow:var(--elevation-3)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-disabled);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-on-surface)}.loading{display:flex;align-items:center;justify-content:center;min-height:100vh;font-size:1.2rem;color:var(--color-on-surface)}:root{--color-primary: #FF1493;--color-on-primary: #ffffff;--color-secondary: #FFD93D;--color-accent: #00F0FF}[data-theme=dark]{--color-background: #0A0F24;--color-surface: #0A0F24;--color-on-surface: #F0EFFF;--color-disabled: #666;--color-card: #ffffff}[data-theme=light]{--color-background: #FAF7F0;--color-surface: #FFFFFF;--color-on-surface: #2C2C2C;--color-disabled: #A8A8A8;--color-card: #FEFEFE}.projects-tab{--tab-color: #7b5fff}.todos-tab{--tab-color: #00bfa5}:root{--header-height: 64px;--side-panel-width: 25%;--border-radius: 10px;--border-radius-large: 18px;--elevation-1: 0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24);--elevation-2: 0 3px 6px rgba(0,0,0,.16), 0 3px 6px rgba(0,0,0,.23);--elevation-3: 0 10px 20px rgba(0,0,0,.19), 0 6px 6px rgba(0,0,0,.23);--transition: all .3s ease}.todo-card{--card-background: #181c2f}.drop-zone-active{border:2px solid var(--color-primary);background-color:#ff149314}.app{min-height:100vh;position:relative}.main-content{min-height:100vh;position:relative;z-index:1}