*{box-sizing:border-box}html{font-family:Roboto,sans-serif;font-weight:300}body{margin:0;padding:0;background:#fafafa;font-family:Roboto,sans-serif;font-weight:400;font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#333}div:not(pre):not(code),span:not(pre):not(code),p,a,label,li,td,th,button,input,select,textarea{font-family:Roboto,sans-serif!important}input,button,select,textarea{font-family:Roboto,sans-serif!important;font-weight:300;font-size:16px;padding:12px 16px;border-radius:8px;border:1px solid #e0e0e0;background:#fff;transition:all .2s ease}input:focus,select:focus,textarea:focus{outline:none;border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1a}button{cursor:pointer;font-family:Roboto,sans-serif!important;font-weight:500;border:none;background:linear-gradient(135deg,#7c3aed,#a855f7);color:#fff;padding:12px 24px;border-radius:10px;transition:all .2s ease;display:inline-flex;align-items:center;gap:8px;font-size:16px;box-shadow:0 2px 8px #7c3aed33}button:not(.secondary):not(.danger):not(.success) span:first-child{opacity:1;display:inline-block;filter:brightness(0) invert(1)}button.danger span:first-child,button.success span:first-child{opacity:1;display:inline-block;filter:brightness(0) invert(1)}button.secondary span:first-child{opacity:1;display:inline-block;filter:none}button:hover:not(:disabled){background:linear-gradient(135deg,#6d28d9,#9333ea);transform:translateY(-2px);box-shadow:0 6px 16px #7c3aed66}button:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px #7c3aed33}button:disabled{opacity:.5;cursor:not-allowed;transform:none!important}button.secondary{background:#fff;color:#333;border:1px solid #e0e0e0;box-shadow:0 1px 3px #0000001a}button.secondary:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}button.danger{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 2px 8px #ef44444d}button.danger:hover:not(:disabled){background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 6px 16px #ef444466}button.success{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 2px 8px #10b9814d}button.success:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);box-shadow:0 6px 16px #10b98166}a{color:#7c3aed;text-decoration:none;transition:color .2s ease}a:hover{color:#6d28d9;text-decoration:underline}h1,h2,h3,h4,h5,h6{margin:0;font-family:Roboto,sans-serif!important;font-weight:500;color:#1f2937}p,span,div,label,li,td,th{font-family:Roboto,sans-serif!important;font-weight:400}h1{font-size:32px}h2{font-size:28px}h3{font-size:24px}h4{font-size:20px}h5{font-size:18px}h6{font-size:16px}