:root{--primary-color: #6366f1;--primary-hover: #4f46e5;--bg-color: #0f172a;--surface-color: #1e293b;--surface-color-hover: #334155;--text-primary: #f8fafc;--text-secondary: #94a3b8;--danger-color: #ef4444;--danger-hover: #dc2626;--success-color: #10b981}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,sans-serif;background-color:var(--bg-color);color:var(--text-primary);line-height:1.5;min-height:100vh}a{color:var(--primary-color);text-decoration:none;transition:color .2s ease}a:hover{color:var(--primary-hover)}button{cursor:pointer;font-family:inherit;border:none;outline:none}.btn{padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;font-size:1rem;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center}.btn-primary{background-color:var(--primary-color);color:#fff}.btn-primary:hover:not(:disabled){background-color:var(--primary-hover);transform:translateY(-1px)}.btn-primary:disabled{opacity:.7;cursor:not-allowed}.btn-danger{background-color:var(--danger-color);color:#fff}.btn-danger:hover{background-color:var(--danger-hover)}.btn-secondary{background-color:var(--surface-color-hover);color:#fff}.btn-secondary:hover{background-color:#475569}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.toast-container{position:fixed;bottom:2rem;right:2rem;z-index:9999;display:flex;flex-direction:column;gap:.5rem}.toast{padding:1rem 1.5rem;border-radius:.5rem;background:var(--surface-color);color:#fff;box-shadow:0 10px 15px -3px #00000080;animation:slideIn .3s ease forwards;min-width:300px;display:flex;justify-content:space-between;align-items:center}.toast.error{border-left:4px solid var(--danger-color)}.toast.success{border-left:4px solid var(--success-color)}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.form-group{margin-bottom:1.5rem}.form-label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--text-secondary)}.form-input{width:100%;padding:.75rem 1rem;border-radius:.5rem;border:1px solid var(--surface-color-hover);background-color:var(--bg-color);color:#fff;font-size:1rem;transition:border-color .2s}.form-input:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 2px #6366f133}.card{background-color:var(--surface-color);border-radius:1rem;padding:2rem;box-shadow:0 4px 6px -1px #0000004d}.auth-container{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 80px)}.auth-card{width:100%;max-width:450px}.auth-title{text-align:center;font-size:1.875rem;margin-bottom:2rem;color:#fff}.navbar{height:80px;background-color:#1e293bcc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--surface-color-hover);position:sticky;top:0;z-index:100}.navbar-content{display:flex;justify-content:space-between;align-items:center;height:100%}.navbar-brand{font-size:1.5rem;font-weight:700;color:#fff;letter-spacing:-.5px}.navbar-links{display:flex;gap:1.5rem;align-items:center}.loader-container{display:flex;justify-content:center;align-items:center;min-height:200px}.loader{border:4px solid var(--surface-color-hover);border-top:4px solid var(--primary-color);border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.canvas-wrapper{position:relative;width:100%;height:calc(100vh - 80px);background-color:#000}