:root{--primary-color: #8a4baf;--primary-light: #a56dc6;--primary-dark: #6b2a98;--background-color: #f5f3ff;--text-color: #333;--light-gray: #f0f0f0;--border-radius: 8px;--box-shadow: 0 2px 4px rgba(0, 0, 0, .1);--card-background: #ffffff;--header-background: #ffffff;--border-color: #e0e0e0;--hover-background: rgba(0, 0, 0, .05);--input-background: #ffffff;--input-border: #ddd;--text-secondary-color: #666666;--text-secondary: #666666;--section-bg: #f9f9f9}[data-theme=dark]{--primary-color: #a56dc6;--primary-light: #c08de0;--primary-dark: #8a4baf;--background-color: #1a1a1a;--text-color: #e0e0e0;--text-primary: #e0e0e0;--text-secondary-color: #999999;--text-secondary: #999999;--text-tertiary: #777777;--text-disabled: #555555;--light-gray: #2a2a2a;--box-shadow: 0 2px 4px rgba(0, 0, 0, .3);--card-background: #2a2a2a;--header-background: #2a2a2a;--border-color: #404040;--hover-background: rgba(255, 255, 255, .1);--input-background: #333333;--input-border: #555;--empty-state-bg: rgba(138, 75, 175, .1);--tag-background: rgba(25, 118, 210, .1);--tag-color: #64b5f6;--tag-border: rgba(100, 181, 246, .3);--section-bg: #2a2a2a}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Roboto,sans-serif;color:var(--text-color);background-color:var(--background-color);line-height:1.6;min-height:100vh;transition:background-color .3s ease,color .3s ease}button{cursor:pointer;font-family:inherit}.btn{padding:.5rem 1rem;border-radius:var(--border-radius);border:none;font-weight:500;transition:background-color .2s,transform .1s}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn-primary{background-color:var(--primary-color);color:#fff}.btn-primary:hover{background-color:var(--primary-dark)}.btn-outline{background-color:transparent;border:1px solid var(--primary-color);color:var(--primary-color)}.btn-outline:hover{background-color:var(--primary-light);color:#fff}.container{max-width:1200px;margin:0 auto;padding:0 1rem}input[type=text],input[type=email],input[type=password],input[type=search],input[type=number],textarea,select{background-color:var(--input-background);border:1px solid var(--input-border);color:var(--text-color);transition:background-color .3s ease,border-color .3s ease}input[type=text]:focus,input[type=email]:focus,input[type=password]:focus,input[type=search]:focus,input[type=number]:focus,textarea:focus,select:focus{outline:none;border-color:var(--primary-color)}@media (max-width: 768px){.container{padding:0 .5rem}}