*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0a0a0a;color:#e4e4e7;min-height:100vh}#root{min-height:100vh;background:#0a0a0a}.container{max-width:1200px;margin:0 auto;padding:0 20px}.btn{padding:10px 20px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-primary{background:linear-gradient(135deg,#8b5cf6,#ec4899);color:#fff;border:1px solid rgba(139,92,246,.3)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #8b5cf680}.btn-secondary{background:#18181b;color:#e4e4e7;border:1px solid #27272a}.btn-secondary:hover{background:#27272a;border-color:#3f3f46}.btn-danger{background:#dc2626;color:#fff;border:1px solid rgba(220,38,38,.3)}.btn-danger:hover{background:#b91c1c;box-shadow:0 4px 12px #dc262666}.btn-success{background:#10b981;color:#fff;border:1px solid rgba(16,185,129,.3)}.btn-success:hover{background:#059669;box-shadow:0 4px 12px #10b98166}.card{background:#18181b;border:1px solid #27272a;border-radius:12px;padding:24px;box-shadow:0 4px 6px #0000004d;transition:all .3s ease}.card:hover{border-color:#3f3f46;box-shadow:0 8px 24px #0006;transform:translateY(-2px)}.input{width:100%;padding:12px 16px;border:1px solid #27272a;border-radius:8px;font-size:14px;transition:all .3s ease;background:#0a0a0a;color:#e4e4e7}.input:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf633;background:#18181b}.textarea{width:100%;padding:12px 16px;border:1px solid #27272a;border-radius:8px;font-size:14px;font-family:inherit;min-height:100px;resize:vertical;background:#0a0a0a;color:#e4e4e7}.textarea:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf633;background:#18181b}select.input{background:#0a0a0a;color:#e4e4e7}select.input option{background:#18181b;color:#e4e4e7}.badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600}.badge-primary{background:#dbeafe;color:#1e40af}.badge-success{background:#d1fae5;color:#065f46}.badge-warning{background:#fed7aa;color:#92400e}.badge-danger{background:#fee2e2;color:#991b1b}.spinner{border:3px solid #27272a;border-top:3px solid #8b5cf6;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin:20px auto}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:#18181b;border:1px solid #27272a;border-radius:16px;padding:32px;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #000c}.toast{position:fixed;bottom:20px;right:20px;background:#18181b;border:1px solid #27272a;padding:16px 24px;border-radius:8px;box-shadow:0 10px 25px #00000080;display:flex;align-items:center;gap:12px;z-index:2000;animation:slideIn .3s ease;color:#e4e4e7}@keyframes slideIn{0%{transform:translate(400px);opacity:0}to{transform:translate(0);opacity:1}}.toast-success{border-left:4px solid #10b981}.toast-error{border-left:4px solid #ef4444}@media (max-width: 768px){.container{padding:0 16px}.card{padding:16px}.modal{padding:20px;width:95%}.btn{padding:10px 16px;font-size:13px}.btn-group{flex-direction:column;width:100%}.btn-group .btn{width:100%}}@media (max-width: 480px){.container{padding:0 12px}.card{padding:12px}.modal{padding:16px}h1{font-size:24px!important}h2{font-size:20px!important}h3{font-size:18px!important}}*{word-wrap:break-word;overflow-wrap:break-word}body,html{overflow-x:hidden;width:100%;max-width:100vw}#root{width:100%;max-width:100vw}@media (max-width: 1024px){nav .container>div:first-child{flex-direction:column;align-items:flex-start!important;gap:12px!important;width:100%}nav .container>div:first-child>div{width:100%;justify-content:flex-start;overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width: 640px){nav .container{flex-direction:column;align-items:stretch!important}nav .container>div{width:100%}nav .container>div:last-child{justify-content:space-between}}