*{box-sizing:border-box;margin:0;padding:0}body,html{font-family:-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}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 clamp(16px,4vw,32px)}.responsive-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));grid-gap:clamp(16px,3vw,24px);gap:clamp(16px,3vw,24px)}.card{background-color:hsla(0,0%,100%,.03);border-radius:clamp(12px,2vw,16px);padding:clamp(20px,4vw,32px);box-shadow:0 4px 24px rgba(0,0,0,.3);border:1px solid hsla(0,0%,100%,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.card:hover{border-color:hsla(0,0%,100%,.2);box-shadow:0 8px 32px rgba(0,0,0,.4)}.btn{padding:clamp(10px,2vw,14px) clamp(20px,4vw,28px);font-size:clamp(14px,2vw,16px);font-weight:600;border-radius:clamp(8px,1.5vw,10px);cursor:pointer;transition:all .2s ease;border:none;outline:none}.btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 4px 12px rgba(59,130,246,.3)}.btn-primary:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 6px 20px rgba(59,130,246,.4);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:hsla(0,0%,100%,.05);color:#9ca3af;border:1px solid hsla(0,0%,100%,.1)}.btn-secondary:hover{background:hsla(0,0%,100%,.1);color:#fff;border-color:hsla(0,0%,100%,.2)}.btn-success{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;box-shadow:0 4px 12px rgba(34,197,94,.3)}.btn-success:hover{background:linear-gradient(135deg,#16a34a,#15803d);box-shadow:0 6px 20px rgba(34,197,94,.4);transform:translateY(-1px)}.input{width:100%;padding:clamp(12px,2vw,16px) clamp(16px,3vw,20px);font-size:clamp(14px,2vw,16px);background-color:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:clamp(8px,1.5vw,10px);color:#fff;transition:all .2s ease}.input:focus{outline:none;border-color:#3b82f6;background-color:hsla(0,0%,100%,.08);box-shadow:0 0 0 3px rgba(59,130,246,.1)}.input::placeholder{color:#6b7280}.text-primary{color:#fff}.text-secondary{color:#9ca3af}.text-muted{color:#6b7280}.text-success{color:#22c55e}.text-error{color:#ef4444}.text-warning{color:#f59e0b}.mt-1{margin-top:clamp(4px,1vw,8px)}.mt-2{margin-top:clamp(8px,2vw,16px)}.mt-3{margin-top:clamp(12px,3vw,24px)}.mt-4{margin-top:clamp(16px,4vw,32px)}.mt-5{margin-top:clamp(20px,5vw,40px)}.mb-1{margin-bottom:clamp(4px,1vw,8px)}.mb-2{margin-bottom:clamp(8px,2vw,16px)}.mb-3{margin-bottom:clamp(12px,3vw,24px)}.mb-4{margin-bottom:clamp(16px,4vw,32px)}.mb-5{margin-bottom:clamp(20px,5vw,40px)}.p-1{padding:clamp(4px,1vw,8px)}.p-2{padding:clamp(8px,2vw,16px)}.p-3{padding:clamp(12px,3vw,24px)}.p-4{padding:clamp(16px,4vw,32px)}.p-5{padding:clamp(20px,5vw,40px)}.text-xs{font-size:clamp(10px,1.5vw,12px)}.text-sm{font-size:clamp(12px,2vw,14px)}.text-base{font-size:clamp(14px,2.5vw,16px)}.text-lg{font-size:clamp(16px,3vw,18px)}.text-xl{font-size:clamp(18px,3.5vw,20px)}.text-2xl{font-size:clamp(20px,4vw,24px)}.text-3xl{font-size:clamp(24px,5vw,30px)}.text-4xl{font-size:clamp(28px,6vw,36px)}.text-5xl{font-size:clamp(32px,7vw,48px)}.spinner{border:3px solid hsla(0,0%,100%,.1);border-top-color:#3b82f6;border-radius:50%;width:clamp(32px,5vw,48px);height:clamp(32px,5vw,48px);animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.badge{display:inline-flex;align-items:center;padding:clamp(4px,1vw,6px) clamp(8px,2vw,12px);border-radius:9999px;font-size:clamp(11px,1.5vw,12px);font-weight:600;letter-spacing:.01em}.badge-success{background-color:rgba(34,197,94,.2);color:#22c55e;border:1px solid rgba(34,197,94,.3)}.badge-error{background-color:rgba(239,68,68,.2);color:#ef4444;border:1px solid rgba(239,68,68,.3)}.badge-warning{background-color:rgba(245,158,11,.2);color:#f59e0b;border:1px solid rgba(245,158,11,.3)}.badge-info{background-color:rgba(59,130,246,.2);color:#3b82f6;border:1px solid rgba(59,130,246,.3)}@media (max-width:640px){.hide-mobile{display:none!important}}@media (min-width:641px){.show-mobile{display:none!important}}@media (max-width:768px){.hide-tablet{display:none!important}}@media (min-width:769px){.show-tablet{display:none!important}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:hsla(0,0%,100%,.05)}::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.2);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.3)}:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}*{transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.status-online{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:9999px;background-color:rgba(34,197,94,.15);border:1px solid rgba(34,197,94,.3)}.status-dot{width:8px;height:8px;border-radius:50%;background-color:#22c55e;box-shadow:0 0 8px rgba(34,197,94,.5)}.gradient-text{background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.two-column-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:clamp(16px,3vw,24px)}.three-column-grid,.two-column-grid{display:grid;gap:clamp(16px,3vw,24px)}.three-column-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:clamp(16px,3vw,24px)}.flex{display:flex}.flex-center{justify-content:center}.flex-between,.flex-center{display:flex;align-items:center}.flex-between{justify-content:space-between}.flex-col{display:flex;flex-direction:column}.flex-wrap{flex-wrap:wrap}.gap-1{gap:clamp(4px,1vw,8px)}.gap-2{gap:clamp(8px,2vw,12px)}.gap-3{gap:clamp(12px,2vw,16px)}.gap-4{gap:clamp(16px,3vw,24px)}.gap-5{gap:clamp(24px,4vw,32px)}.w-full{width:100%}.max-w-sm{max-width:400px}.max-w-md{max-width:600px}.max-w-lg{max-width:800px}.max-w-xl{max-width:900px}.max-w-2xl{max-width:1200px}.mx-auto{margin-left:auto;margin-right:auto}