body,html{background-color:#000!important}.portfolio-container,main{background:transparent!important}.portfolio-container{min-height:100vh;margin:0;padding:0;position:relative;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;overflow-x:hidden;display:flex;flex-direction:column;align-items:center}.portfolio-container.portfolio-page{background:#000}.portfolio-nav{position:fixed;top:2rem;z-index:100}.nav-content,.portfolio-nav{display:flex;justify-content:center;align-items:center}.nav-content{background:hsla(0,0%,100%,.05);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);padding:.6rem 1.8rem;border-radius:9999px;border:1px solid hsla(0,0%,100%,.18);box-shadow:0 8px 32px 0 rgba(0,0,0,.37),inset 0 1px 0 0 hsla(0,0%,100%,.1);transition:all .3s cubic-bezier(.4,0,.2,1)}.nav-content:hover{background:hsla(0,0%,100%,.08);box-shadow:0 12px 40px 0 rgba(0,0,0,.45),inset 0 1px 0 0 hsla(0,0%,100%,.15)}.nav-links-glass{display:flex;gap:1.5rem}.nav-link-item{color:hsla(0,0%,100%,.7);text-decoration:none;font-weight:500;font-size:.9rem;transition:all .3s ease;position:relative;padding:.4rem .8rem;border-radius:8px}.nav-link-item:before{content:"";position:absolute;inset:0;background:hsla(0,0%,100%,.1);border-radius:8px;opacity:0;transition:opacity .3s ease}.nav-link-item.active:before,.nav-link-item:hover:before{opacity:1}.nav-link-item.active,.nav-link-item:hover{color:#fff}.hero-section{flex:1 1;justify-content:center;padding-top:0;padding-bottom:2rem;background:transparent!important}.hero-section,.profile-card{width:100%;position:relative;z-index:10}.profile-card{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:600px;padding:0 1rem}.profile-image-container{margin-bottom:1.5rem;width:200px;height:200px;background:rgba(59,130,246,.2);border-radius:50%;display:flex;align-items:center;justify-content:center}.profile-image,.profile-image-placeholder{width:200px!important;height:200px!important;border-radius:50%;box-shadow:0 15px 35px rgba(0,0,0,.4);border:6px solid hsla(0,0%,100%,.1);object-fit:cover;display:block}.profile-image-placeholder{background:linear-gradient(135deg,#3b82f6,#8b5cf6);display:flex;justify-content:center;align-items:center}.profile-image-placeholder,.profile-name{font-size:2.5rem;font-weight:700;color:#fff}.profile-name{margin-bottom:.3rem}.profile-role-container{margin-bottom:1rem}.profile-role{display:inline-block;background:hsla(0,0%,100%,.1);padding:.3rem 1rem;border-radius:9999px;font-size:.85rem;color:#d4d4d4;border:1px solid hsla(0,0%,100%,.1)}.profile-socials{display:flex;gap:1.2rem;margin-bottom:1.5rem}.social-link{font-size:1.2rem;color:#a0a0a0;transition:all .3s ease;background:hsla(0,0%,100%,.05);padding:.6rem;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid transparent}.social-link:hover{color:#fff;background:hsla(0,0%,100%,.1);transform:translateY(-2px);border-color:hsla(0,0%,100%,.2)}.profile-bio{font-size:1rem;color:#a0a0a0;line-height:1.6;margin-bottom:1.8rem;max-width:500px}.profile-actions{display:flex;gap:1rem}.action-btn{padding:.75rem 1.5rem;border-radius:9999px;font-weight:600;font-size:.9rem;text-decoration:none;transition:all .3s ease;display:inline-flex;align-items:center;gap:.5rem}.btn-outline{border:1px solid hsla(0,0%,100%,.3);color:#fff}.btn-outline:hover{background:hsla(0,0%,100%,.15);border-color:hsla(0,0%,100%,.6)}.btn-white{background:#fff;color:#000;border:1px solid #fff}.btn-white:hover{background:#e5e5e5;border-color:#e5e5e5;transform:translateY(-1px)}.portfolio-footer{padding:2rem;text-align:center;width:100%;border-top:none}.footer-content p{color:#a0a0a0;font-size:.8rem}.about-section{width:100%;padding:8rem 2rem 4rem;max-width:1200px;margin:0 auto;position:relative;z-index:10}.about-container{width:100%}.about-header{text-align:center;margin-bottom:4rem}.about-title{font-size:3rem;font-weight:700;margin-bottom:1rem;background:linear-gradient(135deg,#fff,hsla(0,0%,100%,.7));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.about-subtitle{font-size:1.2rem;color:hsla(0,0%,100%,.7);max-width:600px;margin:0 auto;line-height:1.6}.about-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:2rem;gap:2rem;margin-bottom:5rem}.about-card-modern{background:hsla(0,0%,100%,.05);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid hsla(0,0%,100%,.1);border-radius:1.5rem;padding:2rem;text-align:center;transition:all .3s ease;cursor:pointer}.about-card-modern:hover{background:hsla(0,0%,100%,.08);border-color:hsla(0,0%,100%,.2);box-shadow:0 20px 40px rgba(0,0,0,.3)}.about-card-icon{width:4rem;height:4rem;border-radius:1rem;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;font-size:1.5rem}.about-card-title{font-size:1.25rem;font-weight:600;margin-bottom:.5rem;color:#fff}.about-card-content{font-size:1rem;color:hsla(0,0%,100%,.9);margin-bottom:.25rem;font-weight:500}.about-card-subtitle{font-size:.875rem;color:hsla(0,0%,100%,.6)}.about-section-block{margin-bottom:5rem}.section-heading{font-size:2rem;font-weight:700;margin-bottom:2rem;display:flex;align-items:center;gap:1rem;color:#fff}.section-heading-icon{color:#3b82f6}.skills-grid{display:grid;grid-gap:1.5rem;gap:1.5rem}.skill-item{background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.05);border-radius:1rem;padding:1.5rem}.skill-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.skill-name{font-weight:600;color:#fff;font-size:1rem}.skill-percentage{font-size:.875rem;color:hsla(0,0%,100%,.6)}.skill-bar{width:100%;height:8px;background:hsla(0,0%,100%,.05);border-radius:9999px;overflow:hidden}.skill-progress{height:100%;background:linear-gradient(90deg,#3b82f6,#8b5cf6);border-radius:9999px;transition:width 1s ease}.timeline{position:relative;padding-left:2rem}.timeline:before{content:"";position:absolute;left:.5rem;top:0;bottom:0;width:2px;background:hsla(0,0%,100%,.1)}.timeline-item{position:relative;margin-bottom:3rem;padding-left:2rem}.timeline-dot{position:absolute;left:-1.75rem;top:.5rem;width:1rem;height:1rem;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border:3px solid #000;box-shadow:0 0 0 3px rgba(59,130,246,.3)}.timeline-content{background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.05);border-radius:1rem;padding:1.5rem;transition:all .3s ease}.timeline-content:hover{background:hsla(0,0%,100%,.05);border-color:hsla(0,0%,100%,.1)}.timeline-year{display:inline-block;font-size:.875rem;color:#3b82f6;padding:.25rem .75rem;background:rgba(59,130,246,.1);border-radius:9999px}.timeline-title,.timeline-year{font-weight:600;margin-bottom:.5rem}.timeline-title{font-size:1.25rem;color:#fff}.timeline-description{color:hsla(0,0%,100%,.7);line-height:1.6}.about-bio-section{background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.05);border-radius:1.5rem;padding:3rem;margin-top:3rem}.bio-content{color:hsla(0,0%,100%,.8);line-height:1.8;font-size:1.05rem}.bio-content p{margin-bottom:1.5rem}.bio-content p:last-child{margin-bottom:0}.projects-section{width:100%;padding:8rem 2rem 4rem;max-width:1400px;margin:0 auto;position:relative;z-index:10}.projects-container{width:100%}.projects-header{text-align:center;margin-bottom:3rem}.projects-title{font-size:3rem;font-weight:700;margin-bottom:1rem;background:linear-gradient(135deg,#fff,hsla(0,0%,100%,.7));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.projects-subtitle{font-size:1.2rem;color:hsla(0,0%,100%,.7);max-width:600px;margin:0 auto}.projects-filters{display:flex;justify-content:center;gap:1rem;margin-bottom:3rem;flex-wrap:wrap}.filter-btn{padding:.75rem 1.5rem;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:9999px;color:hsla(0,0%,100%,.7);font-weight:500;cursor:pointer;transition:all .3s ease;font-size:.9rem}.filter-btn:hover{background:hsla(0,0%,100%,.1);color:#fff}.filter-btn.active{background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-color:transparent;color:#fff}.projects-grid-modern{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));grid-gap:2rem;gap:2rem}.project-card-modern{background:hsla(0,0%,100%,.05);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid hsla(0,0%,100%,.1);border-radius:1.5rem;overflow:hidden;cursor:pointer;transition:all .3s ease}.project-card-modern:hover{background:hsla(0,0%,100%,.08);border-color:hsla(0,0%,100%,.2);box-shadow:0 20px 40px rgba(0,0,0,.3)}.project-card-modern.featured{border:2px solid rgba(59,130,246,.5);box-shadow:0 0 30px rgba(59,130,246,.2)}.project-card-image{position:relative;width:100%;height:200px;overflow:hidden;background:hsla(0,0%,100%,.05)}.project-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.project-card-modern:hover .project-card-image img{transform:scale(1.05)}.project-status-badge{position:absolute;top:1rem;right:1rem;padding:.5rem 1rem;border-radius:9999px;font-size:.75rem;font-weight:600;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.project-status-badge.live{background:rgba(16,185,129,.2);color:#10b981;border:1px solid rgba(16,185,129,.3)}.project-status-badge.waitlist-1{background:rgba(59,130,246,.2);color:#3b82f6;border:1px solid rgba(59,130,246,.3)}.project-featured-badge{position:absolute;top:1rem;left:1rem;padding:.5rem 1rem;border-radius:9999px;font-size:.75rem;font-weight:600;background:rgba(139,92,246,.2);color:#8b5cf6;border:1px solid rgba(139,92,246,.3);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.project-card-content{padding:1.5rem}.project-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem}.project-card-title{font-size:1.25rem;font-weight:600;color:#fff;margin:0}.project-card-link{color:hsla(0,0%,100%,.6);transition:color .3s ease;padding:.25rem}.project-card-link:hover{color:#3b82f6}.project-card-description{color:hsla(0,0%,100%,.7);line-height:1.6;margin-bottom:1rem;font-size:.9rem}.project-card-tech{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.tech-tag-small{padding:.25rem .75rem;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:9999px;font-size:.75rem;color:hsla(0,0%,100%,.8)}.project-card-footer{color:hsla(0,0%,100%,.5);font-size:.875rem}.project-card-footer,.project-year{display:flex;align-items:center;gap:.5rem}.project-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:2rem}.project-modal-modern{background:rgba(15,23,42,.95);border:1px solid hsla(0,0%,100%,.1);border-radius:2rem;max-width:900px;width:100%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 25px 50px rgba(0,0,0,.5)}.project-modal-close-modern{position:absolute;top:1.5rem;right:1.5rem;width:2.5rem;height:2.5rem;border-radius:50%;background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;z-index:10}.project-modal-close-modern:hover{background:hsla(0,0%,100%,.2);transform:rotate(90deg)}.project-modal-image-modern{position:relative;width:100%;height:300px;overflow:hidden;background:hsla(0,0%,100%,.05)}.project-modal-image-modern img{width:100%;height:100%;object-fit:cover}.project-modal-content-modern{padding:2.5rem}.project-modal-header-modern{margin-bottom:1.5rem}.project-modal-title-modern{font-size:2rem;font-weight:700;margin-bottom:1rem;color:#fff}.project-modal-meta-modern{display:flex;gap:1.5rem;flex-wrap:wrap;align-items:center}.project-modal-year-modern{display:flex;align-items:center;gap:.5rem;color:hsla(0,0%,100%,.6);font-size:.9rem}.project-modal-link-modern{display:flex;align-items:center;gap:.5rem;color:#3b82f6;text-decoration:none;font-weight:500;transition:color .3s ease}.project-modal-link-modern:hover{color:#60a5fa}.project-modal-description-modern{color:hsla(0,0%,100%,.8);line-height:1.8;margin-bottom:2rem;font-size:1.05rem}.project-modal-tech-modern{margin-top:2rem}.project-modal-tech-title{font-size:1.25rem;font-weight:600;margin-bottom:1rem;color:#fff;display:flex;align-items:center;gap:.5rem}.project-tech-modern{display:flex;flex-wrap:wrap;gap:.75rem}.tech-tag-modern{padding:.5rem 1rem;background:rgba(59,130,246,.1);border:1px solid rgba(59,130,246,.3);border-radius:9999px;font-size:.875rem;color:#60a5fa;font-weight:500}.contact-section{width:100%;padding:8rem 2rem 4rem;max-width:1200px;margin:0 auto;position:relative;z-index:10}.contact-container{width:100%}.contact-header{text-align:center;margin-bottom:4rem}.contact-title{font-size:3rem;font-weight:700;margin-bottom:1rem;background:linear-gradient(135deg,#fff,hsla(0,0%,100%,.7));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.contact-subtitle{font-size:1.2rem;color:hsla(0,0%,100%,.7);max-width:600px;margin:0 auto;line-height:1.6}.contact-content-wrapper{display:grid;grid-template-columns:1fr 1fr;grid-gap:3rem;gap:3rem;margin-bottom:3rem}.contact-section-title{font-size:1.5rem;font-weight:600;margin-bottom:2rem;color:#fff}.contact-methods-grid{display:grid;grid-gap:1.5rem;gap:1.5rem}.contact-method-card{background:hsla(0,0%,100%,.05);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid hsla(0,0%,100%,.1);border-radius:1.5rem;padding:2rem;text-align:center;text-decoration:none;color:inherit;transition:all .3s ease;cursor:pointer}.contact-method-card:hover{background:hsla(0,0%,100%,.08);border-color:hsla(0,0%,100%,.2);box-shadow:0 20px 40px rgba(0,0,0,.3)}.contact-method-icon{width:4rem;height:4rem;border-radius:1rem;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;font-size:1.5rem}.contact-method-title{font-size:1.1rem;font-weight:600;margin-bottom:.5rem;color:#fff}.contact-method-value{font-size:1rem;color:hsla(0,0%,100%,.9);margin-bottom:.25rem;font-weight:500}.contact-method-alt{font-size:.875rem;color:hsla(0,0%,100%,.6)}.contact-form-modern{background:hsla(0,0%,100%,.05);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid hsla(0,0%,100%,.1);border-radius:1.5rem;padding:2.5rem}.form-group{margin-bottom:1.5rem}.form-label{font-size:.9rem;color:hsla(0,0%,100%,.9)}.form-input,.form-textarea{width:100%;padding:.875rem 1rem;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:.75rem;color:#fff;font-size:1rem;transition:all .3s ease;font-family:inherit}.form-input:focus,.form-textarea:focus{outline:none;border-color:#3b82f6;background:hsla(0,0%,100%,.08);box-shadow:0 0 0 3px rgba(59,130,246,.1)}.form-input::placeholder,.form-textarea::placeholder{color:hsla(0,0%,100%,.4)}.form-textarea{resize:vertical;min-height:120px}.form-submit-btn{width:100%;padding:1rem 2rem;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border:none;border-radius:9999px;color:#fff;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:1rem}.form-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 25px rgba(59,130,246,.4)}.form-submit-btn:disabled{opacity:.6;cursor:not-allowed}.form-error{color:#fdfdfd;font-size:.875rem;margin-top:.5rem;text-align:center}@media (max-width:1024px){.contact-content-wrapper{grid-template-columns:1fr}.projects-grid-modern{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media (max-width:768px){.about-section,.contact-section,.projects-section{padding:6rem 1.5rem 3rem}.about-title,.contact-title,.projects-title{font-size:2.25rem}.about-cards-grid{gap:1.5rem}.about-cards-grid,.projects-grid-modern{grid-template-columns:1fr}.project-modal-modern{margin:1rem;max-height:95vh}.project-modal-content-modern{padding:1.5rem}.timeline,.timeline-item{padding-left:1.5rem}.about-bio-section{padding:2rem}}@media (max-width:640px){.profile-name{font-size:2rem}.profile-bio{font-size:.95rem}.portfolio-nav{top:1rem;width:90%}.about-title,.contact-title,.projects-title{font-size:2rem}.about-subtitle,.contact-subtitle,.projects-subtitle{font-size:1rem}.section-heading{font-size:1.5rem}.projects-filters{gap:.5rem}.filter-btn{padding:.5rem 1rem;font-size:.85rem}}*{box-sizing:border-box;margin:0;padding:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}:root{--primary-red:#dc2626;--primary-red-dark:#991b1b;--primary-red-light:#ef4444;--discord-blue:#5865f2;--discord-blue-light:#7289da;--text-dark:#111827;--text-gray:#374151;--text-light-gray:#6b7280;--bg-white:#fff;--bg-gray-50:#f8fafc;--bg-gray-900:#0f172a;--bg-dark:#0f0f0f;--bg-dark-lighter:#1a1a1a;--border-gray:#e5e7eb;--shadow-sm:0 1px 2px rgba(0,0,0,.05);--shadow-md:0 4px 6px rgba(0,0,0,.1);--shadow-lg:0 10px 15px rgba(0,0,0,.1);--shadow-xl:0 20px 25px rgba(0,0,0,.1);--site-header-height:64px;--staff-navbar-height:64px}:root,[data-theme=dark]{--bg-primary:#131820;--bg-secondary:#1a2026;--bg-card:#1e252b;--text-primary:#fff;--text-secondary:#cbd5e1;--text-tertiary:#94a3b8;--border-color:hsla(0,0%,100%,.1)}body,html{height:100%;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;transition:background-color .3s ease,color .3s ease;position:relative;overflow-x:hidden}body,html{background:var(--bg-primary);color:var(--text-primary)}body:after,body:before{display:none}@keyframes pulseGlow{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}body{background:linear-gradient(135deg,#131820,#1a2026 50%,#131820);background-attachment:fixed}.glowing-red-dot{display:none}@keyframes redDotPulse{0%,to{opacity:1;transform:scale(1);box-shadow:0 0 10px rgba(220,38,38,.8),0 0 20px rgba(220,38,38,.6),0 0 30px rgba(220,38,38,.4)}50%{opacity:.7;transform:scale(1.3);box-shadow:0 0 15px #dc2626,0 0 30px rgba(220,38,38,.8),0 0 45px rgba(220,38,38,.6)}}@media (max-width:768px){.glowing-red-dot{top:70px;right:20px;width:10px;height:10px}}.container{max-width:1600px;margin:0 auto;padding:0 clamp(1rem,4vw,1.5rem)}@media (max-width:768px){.container{padding:0 1rem}}.staff-main-content{margin-left:0;padding-left:1rem;padding-right:1rem;width:100%}.section-header{display:flex;align-items:flex-start;justify-content:space-between;gap:clamp(.75rem,2vw,1rem);flex-wrap:wrap;margin-bottom:clamp(1rem,3vw,1.5rem)}.section-actions{display:flex;gap:.75rem;flex-wrap:wrap}.section-actions .btn{flex:1 1 160px;justify-content:center}.section-pill{display:inline-flex;align-items:center;gap:clamp(.5rem,1.5vw,.75rem);border-radius:9999px;padding:clamp(.5rem,2vw,.5rem) clamp(1rem,3vw,1.25rem);font-size:clamp(.8rem,2vw,.875rem);font-weight:600;margin-bottom:clamp(.75rem,2vw,1rem)}.marketing-pill{background:rgba(16,185,129,.12);border:1px solid rgba(16,185,129,.3);color:#10b981}.section-content{display:flex;flex-direction:column;gap:1.5rem}.muted-card{text-align:center;color:#94a3b8;padding:1.5rem}.link-inline{display:inline-flex;align-items:center;gap:.5rem;color:#dc2626;text-decoration:none;font-weight:600}.link-inline i{font-size:.875rem}.responsive-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:1.25rem;gap:1.25rem}.marketing-stats-wrapper{display:flex;flex-direction:column;gap:1.5rem}.marketing-week-card{background:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.3);padding:1.25rem 1.5rem}.marketing-week-header{display:flex;align-items:center;gap:.75rem}.marketing-week-header i{color:#10b981;font-size:1.25rem}.marketing-week-header h4{margin:0;color:#fff;font-size:1rem;font-weight:600}.marketing-week-header p{margin:.25rem 0 0;color:#94a3b8;font-size:.875rem}.marketing-stat-card{background:hsla(0,0%,100%,.05);padding:clamp(1rem,4vw,1.5rem);border-radius:1rem;text-align:center;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;border:2px solid hsla(0,0%,100%,.08)}.marketing-stat-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px rgba(16,185,129,.15);border-color:rgba(16,185,129,.5)}.marketing-stat-card h3{font-size:clamp(1.75rem,5vw,2.25rem);font-weight:700;margin:.5rem 0;color:#fff}.marketing-stat-card p{font-size:.9rem;color:#94a3b8;margin:0}.marketing-stat-icon{width:3.5rem;height:3.5rem;border-radius:.75rem;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem}.marketing-stat-icon i{font-size:1.5rem;color:#fff}.filter-group{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1rem}.filter-group .btn{flex:0 1 150px;justify-content:center}.history-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:1.25rem;gap:1.25rem}.history-title{display:flex;align-items:center;gap:.5rem;font-size:1rem;color:#e2e8f0;margin-bottom:.75rem;font-weight:600}.history-title i{color:#10b981}.history-list{list-style:none;gap:.75rem;max-height:260px;overflow-y:auto;padding-right:.25rem}.history-item,.history-list{display:flex;flex-direction:column}.history-item{gap:.25rem;padding:.75rem;border-radius:.75rem;background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.06)}.history-primary{color:#fff;font-weight:600;font-size:.95rem}.history-meta{color:#94a3b8;font-size:.85rem}.history-empty{color:#94a3b8;font-style:italic}@media (max-width:768px){.container{padding:0 1rem}.section-header{align-items:stretch}}@media (max-width:480px){.container{padding:0 .75rem}}@media (min-width:768px){.staff-main-content{padding-left:1.5rem;padding-right:1.5rem}}@media (min-width:1024px){.staff-main-content{margin-left:260px;padding-left:2rem;padding-right:2rem}}@media (min-width:1280px){.staff-main-content{margin-left:280px}}.navbar{position:fixed;top:0;width:100%;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-color);z-index:50;transition:none;background:var(--bg-primary);border-bottom-color:var(--border-color)}.navbar,.navbar-content{height:4rem;min-height:4rem;max-height:4rem}.navbar-content{max-width:1280px;margin:0 auto;padding:0 1rem;display:flex;justify-content:space-between;align-items:center}@media (max-width:768px){.navbar-content{padding:0 .75rem}}.brand{gap:.5rem}.brand,.brand-logo{display:flex;align-items:center}.brand-logo{width:2rem;height:2rem;border-radius:.5rem;justify-content:center;color:#fff;font-size:.875rem}.brand-logo,.brand-text{background:linear-gradient(135deg,var(--primary-red) 0,var(--primary-red-dark) 100%)}.brand-text{font-size:1.25rem;font-weight:700;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.brand-logo-img{width:2rem;height:2rem;object-fit:contain}@media (max-width:480px){.brand-text{font-size:1rem}.brand-logo-img{width:1.75rem;height:1.75rem}.brand{gap:.375rem}}.nav-links{align-items:center;gap:2rem}.desktop-nav,.nav-links{display:flex}@media (max-width:768px){.desktop-nav{display:none}}.theme-toggle-btn{background:none;border:1px solid var(--border-color);color:var(--text-secondary);font-size:1.125rem;cursor:pointer;padding:.5rem .75rem;border-radius:.5rem;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.theme-toggle-btn:hover{background:var(--bg-secondary);color:var(--primary-red);border-color:var(--primary-red)}.mobile-menu-btn{display:none;background:none;border:none;color:var(--text-secondary);font-size:1.5rem;cursor:pointer;padding:.5rem}@media (max-width:768px){.mobile-menu-btn{display:block}}.mobile-nav{display:none;flex-direction:column;background:var(--bg-primary);border-top:1px solid var(--border-color);padding:1rem;gap:.5rem;max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease,background-color .3s ease}.mobile-nav.open{display:flex;max-height:500px}@media (min-width:769px){.mobile-nav{display:none!important}}.mobile-nav-link{padding:.75rem 1rem;color:var(--text-secondary);text-decoration:none;border-radius:.5rem;transition:background .3s ease,color .3s ease}.mobile-nav-link:hover{background:var(--bg-secondary);color:var(--primary-red)}.nav-link{color:var(--text-dark);font-weight:500;text-decoration:none;position:relative;transition:color .3s ease;color:var(--text-primary)}.nav-link:hover{color:var(--primary-red)}.nav-link:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--primary-red);transition:width .3s ease}.nav-link:hover:after{width:100%}.nav-actions{display:flex;align-items:center;gap:1rem}.btn{padding:clamp(.5rem,2vw,.5rem) clamp(.875rem,2vw,1rem);border-radius:.5rem;border:none;cursor:pointer;font-weight:500;transition:all .3s ease;text-decoration:none;display:inline-block;min-height:44px;min-width:44px;font-size:clamp(.875rem,2vw,1rem)}.btn-primary{background:var(--primary-red);color:#fff}.btn-primary:hover{background:var(--primary-red-dark);transform:scale(1.05)}.btn-outline{border:1px solid var(--primary-red);color:var(--primary-red);background:transparent}.btn-outline:hover{background:var(--primary-red);color:#fff}.btn-discord{background:linear-gradient(135deg,var(--discord-blue) 0,var(--discord-blue-light) 100%);color:#fff}.btn-discord:hover{transform:scale(1.05);box-shadow:0 8px 25px rgba(88,101,242,.3)}.hero-section{padding-top:clamp(4rem,8vw,6rem);padding-bottom:clamp(2rem,6vw,4rem);min-height:100vh;display:flex;align-items:center;background:linear-gradient(135deg,var(--bg-primary) 0,var(--bg-secondary) 100%);transition:background .3s ease}@media (max-width:768px){.hero-section{min-height:auto;padding-top:clamp(3rem,6vw,4rem)}}.hero-content{max-width:1280px;margin:0 auto;padding:0 clamp(1rem,4vw,1.5rem);display:grid;grid-template-columns:1fr 1fr;grid-gap:clamp(2rem,5vw,3rem);gap:clamp(2rem,5vw,3rem);align-items:center}@media (max-width:768px){.hero-content{grid-template-columns:1fr;gap:2rem}}.hero-title{font-size:clamp(1.75rem,5vw,3rem);line-height:1.2;font-weight:700;margin-bottom:clamp(1rem,3vw,1.5rem)}.text-gradient{background:linear-gradient(135deg,var(--primary-red) 0,var(--primary-red-dark) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-description{font-size:clamp(1rem,3vw,1.25rem);color:var(--text-light-gray);margin-bottom:clamp(1.25rem,4vw,2rem);line-height:1.75}.hero-actions{display:flex;gap:clamp(.75rem,2vw,1rem);flex-wrap:wrap}@media (max-width:768px){.hero-actions{gap:.75rem}}@media (max-width:480px){.hero-actions{flex-direction:column;gap:.75rem}.hero-actions .btn{width:100%;justify-content:center;min-height:44px}}.btn-lg{padding:clamp(.875rem,2vw,1rem) clamp(1.5rem,4vw,2rem);font-size:clamp(1rem,2.5vw,1.125rem);font-weight:600}.hero-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:clamp(2rem,5vw,3rem);gap:clamp(2rem,5vw,3rem);align-items:center}@media (max-width:1024px){.hero-grid{gap:2rem}}@media (max-width:768px){.hero-grid{grid-template-columns:1fr;gap:2rem}}.features-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:clamp(.75rem,2vw,1rem);gap:clamp(.75rem,2vw,1rem)}.hero-features-card{background:linear-gradient(135deg,#fee2e2,#fecaca);padding:clamp(1.5rem,4vw,2rem)}.feature-card{padding:clamp(.75rem,2vw,1rem)}.feature-icon{font-size:1.5rem;color:var(--primary-red);margin-bottom:.5rem;display:block}.feature-title{font-weight:600;color:var(--text-primary);font-size:clamp(.9rem,2.5vw,1rem)}@media (max-width:640px){.features-grid{grid-template-columns:1fr}.hero-features-card{padding:1.5rem}.feature-card{padding:.75rem}}.military-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:clamp(2rem,5vw,3rem);gap:clamp(2rem,5vw,3rem);align-items:center}.military-features-list{display:flex;flex-direction:column;gap:clamp(1.5rem,4vw,2rem)}.military-feature-item{display:flex;gap:1rem}.military-icon-wrapper{width:2.5rem;height:2.5rem;background:#fee2e2;border-radius:.5rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.military-icon{color:var(--primary-red);font-size:1rem}.military-feature-title{font-size:clamp(1.1rem,3vw,1.25rem);font-weight:700;margin-bottom:clamp(.375rem,1vw,.5rem)}.military-feature-desc{color:var(--text-tertiary);font-size:.95rem;line-height:1.5}.military-stats-card{background:linear-gradient(135deg,#fee2e2,#fecaca);padding:clamp(1.5rem,4vw,2rem)}.military-stats-title{font-size:clamp(1.25rem,4vw,1.5rem);font-weight:700;margin-bottom:clamp(1rem,3vw,1.5rem)}@media (max-width:768px){.military-grid{grid-template-columns:1fr;gap:2rem}.military-features-list{gap:1.5rem}.military-feature-item{flex-direction:column;gap:.75rem}.military-icon-wrapper{width:2rem;height:2rem}.military-feature-title{font-size:1.1rem}.military-stats-card{padding:1.5rem}.military-stats-title{font-size:1.25rem}}@media (max-width:480px){.military-feature-title{font-size:1rem}.military-feature-desc{font-size:.875rem}}.card{background:var(--bg-card);border-radius:1rem;padding:clamp(1.5rem,4vw,2rem);box-shadow:var(--shadow-lg);transition:all .3s ease;border:1px solid var(--border-color)}@media (max-width:480px){.card{border-radius:.75rem;padding:1.25rem}}.card:hover{transform:translateY(-8px);box-shadow:0 20px 40px rgba(220,38,38,.1)}.card-icon{width:4rem;height:4rem;border-radius:.75rem;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem}.card-icon-green{background:#d1fae5}.card-icon-blue{background:#dbeafe}.card-icon-purple{background:#e9d5ff}.card-icon-red{background:#fee2e2}.card-title{font-size:clamp(1.25rem,4vw,1.5rem);font-weight:700;color:var(--text-primary);margin-bottom:clamp(.75rem,2vw,1rem)}.card-description{color:var(--text-tertiary);margin-bottom:clamp(1rem,3vw,1.5rem);font-size:clamp(.9rem,2.5vw,1rem)}.card-list{list-style:none;margin-bottom:1.5rem}.card-list-item{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:clamp(.8rem,2vw,.875rem);color:var(--text-light-gray)}.check-icon{color:#10b981}.grid{display:grid;grid-gap:clamp(1rem,3vw,2rem);gap:clamp(1rem,3vw,2rem)}@media (max-width:1024px){.hero-grid{gap:2rem}.features-grid{gap:1rem}}@media (max-width:480px){.section-description{font-size:clamp(.9rem,2.5vw,1rem)}.btn{min-height:44px;min-width:44px;padding:.75rem 1rem}}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media (max-width:1024px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.section{padding:clamp(3rem,8vw,5rem) 0}.section-title{text-align:center;font-size:clamp(1.75rem,5vw,2.5rem);font-weight:700;color:var(--text-primary);margin-bottom:clamp(.75rem,2vw,1rem)}.section-description{text-align:center;font-size:clamp(1rem,3vw,1.25rem);color:var(--text-tertiary);margin-bottom:clamp(2rem,6vw,4rem)}.footer{background:var(--bg-gray-900);color:#fff;padding:3rem 0}.footer-content{max-width:1280px;margin:0 auto;padding:0 1rem;text-align:center}.footer-links{display:flex;justify-content:center;gap:1rem;margin:1rem 0;font-size:.875rem;color:#6b7280}.footer-link{color:#6b7280;text-decoration:none}.footer-link:hover{color:#ef4444}.footer-content p{color:#4b5563;color:#9ca3af}@media (max-width:640px){.footer-links{flex-direction:column;gap:.5rem}.footer-links span{display:none}.footer-content{padding:0 .75rem}}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:50;display:flex;align-items:center;justify-content:center}.modal-content{background:#fff;border-radius:1rem;padding:2rem;max-width:28rem;width:100%;margin:1rem}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.modal-title{font-size:1.5rem;font-weight:700;color:var(--text-dark)}.modal-close{color:#9ca3af;background:none;border:none;font-size:1.5rem;cursor:pointer;padding:0}.modal-close:hover{color:var(--text-gray)}.form-group{margin-bottom:1rem}.form-label{display:block;font-weight:500;color:var(--text-gray);margin-bottom:.5rem;font-size:.875rem}.form-input{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:1rem}.form-input:focus{outline:none;border-color:var(--primary-red);box-shadow:0 0 0 3px rgba(220,38,38,.1)}select{background-color:hsla(0,0%,100%,.05)!important;color:#fff!important;border:1px solid hsla(0,0%,100%,.1)!important;border-radius:.5rem!important;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e")!important;background-repeat:no-repeat!important;background-position:right .75rem center!important;background-size:1.25rem!important;padding:.75rem 2.5rem .75rem .75rem!important}select:focus{outline:none!important;border-color:var(--primary-red,#dc2626)!important;box-shadow:0 0 0 3px rgba(220,38,38,.1)!important}select option{background-color:#1e293b!important;color:#fff!important;padding:.5rem!important}select option:hover{background-color:#334155!important}select option:checked{background-color:#3b82f6!important;color:#fff!important}select option:focus{background-color:#334155!important}.dark-bg{background:linear-gradient(135deg,var(--bg-dark) 0,var(--bg-dark-lighter) 100%);color:#fff;min-height:100vh}.dark-navbar{background:rgba(0,0,0,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid #1f2937}.dark-card{background:linear-gradient(135deg,#1f1f1f,#2a2a2a);border:1px solid #333}.dark-card:hover{border-color:var(--primary-red);transform:scale(1.02)}@media (max-width:1024px){.hero-content{grid-template-columns:1fr}.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.hero-title,.section-title{font-size:2rem}.section-description{font-size:1rem}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.section{padding:3rem 0}.hero-section{padding-top:5rem;padding-bottom:2rem}.card{padding:1.5rem}.card-title{font-size:1.25rem}.btn-lg{padding:.875rem 1.5rem;font-size:1rem}.nav-actions{gap:.5rem}.product-main-image{height:50vh!important;min-height:400px!important}}@media (max-width:480px){.hero-title,.section-title{font-size:1.75rem}.card{padding:1rem}.hero-section{padding-top:4rem;padding-bottom:1.5rem}.btn{padding:.5rem .75rem}.btn,.btn-lg{font-size:.875rem}.btn-lg{padding:.75rem 1.25rem}.brand-text{font-size:1rem}.brand-logo{width:1.75rem;height:1.75rem;font-size:.75rem}.product-main-image{height:40vh!important;min-height:300px!important}.staff-main-grid{grid-template-columns:1fr!important}.mobile-menu-toggle{display:block!important;position:fixed;top:1rem;left:1rem;z-index:1001;background:rgba(59,130,246,.2);border:1px solid #3b82f6;border-radius:.5rem;padding:.75rem;color:#3b82f6;cursor:pointer;font-size:1.25rem}.staff-sidebar{transform:translateX(-100%);transition:transform .3s ease}.staff-sidebar.open{transform:translateX(0)}.staff-main-content{margin-left:0!important;padding-left:.5rem;padding-right:.5rem}.stats-grid{grid-template-columns:1fr!important;gap:.75rem}.filter-group{flex-direction:column;align-items:stretch}.filter-group button,.filter-group select{width:100%}.section-actions{width:100%;flex-direction:column}.section-actions .btn{width:100%}.history-grid{grid-template-columns:1fr}.btn-group{flex-direction:column}.btn-group button{width:100%}.attachments-grid{grid-template-columns:1fr!important}.card,.ticket-card{padding:1rem!important}h1{font-size:1.5rem!important}h2{font-size:1.25rem!important}h3{font-size:1.125rem!important}table{font-size:.875rem}input[type=email],input[type=password],input[type=text],select,textarea{font-size:16px}}@media (max-width:1024px){.staff-main-grid{grid-template-columns:1fr!important}.staff-sidebar{width:240px}}@media (max-width:480px){.card,.ticket-card{padding:.75rem!important}h1{font-size:1.25rem!important}h2{font-size:1.125rem!important}h3{font-size:1rem!important}button{padding:.5rem .75rem!important;font-size:.875rem!important}}.hidden{display:none}.text-center{text-align:center}.mb-4{margin-bottom:1rem}.mb-8{margin-bottom:2rem}.mt-4{margin-top:1rem}.mt-8{margin-top:2rem}.pt-24{padding-top:6rem}@media (prefers-reduced-motion:reduce){.motion-reduce,.motion-reduce *{animation:none!important;transition:none!important}*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (max-width:768px){*{animation-duration:.2s!important;transition-duration:.2s!important}@media (hover:none) and (pointer:coarse){:hover{transform:none!important}}.feature-card,.military-feature-item{will-change:auto;transform:translateZ(0)}}.motion-safe{will-change:transform,opacity}@media (max-width:768px){*{-webkit-overflow-scrolling:touch;scroll-behavior:auto}}:root{--staff-primary:#dc2626;--staff-primary-dark:#991b1b;--staff-primary-light:#ef4444;--staff-bg:#0f172a;--staff-bg-secondary:#1e293b;--staff-bg-card:#1e293b;--staff-border:hsla(0,0%,100%,.1);--staff-text:#f1f5f9;--staff-text-secondary:#cbd5e1;--staff-text-muted:#94a3b8}.staff-container{min-height:100vh;background:linear-gradient(135deg,#0f172a,#1e293b);color:var(--staff-text)}.staff-card{background:var(--staff-bg-card);border:1px solid var(--staff-border);border-radius:1rem;padding:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.staff-card:hover{transform:translateY(-2px);box-shadow:0 20px 25px -5px rgba(0,0,0,.3),0 10px 10px -5px rgba(0,0,0,.2);border-color:rgba(220,38,38,.3)}.staff-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;border-radius:.5rem;font-weight:500;font-size:.875rem;transition:all .2s;cursor:pointer;border:none;outline:none}.staff-btn-primary{background:linear-gradient(135deg,var(--staff-primary) 0,var(--staff-primary-dark) 100%);color:#fff;box-shadow:0 4px 15px rgba(220,38,38,.3)}.staff-btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px rgba(220,38,38,.4)}.staff-btn-secondary{background:var(--staff-bg-secondary);color:var(--staff-text);border:1px solid var(--staff-border)}.staff-btn-secondary:hover{background:var(--staff-bg-card);border-color:rgba(220,38,38,.3)}.staff-table{width:100%;border-collapse:separate;border-spacing:0;background:var(--staff-bg-card);border-radius:1rem;overflow:hidden;border:1px solid var(--staff-border)}.staff-table thead{background:linear-gradient(135deg,rgba(220,38,38,.1),rgba(220,38,38,.05))}.staff-table th{padding:1rem 1.5rem;text-align:left;font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--staff-text-secondary)}.staff-table td,.staff-table th{border-bottom:1px solid var(--staff-border)}.staff-table td{padding:1.25rem 1.5rem;color:var(--staff-text)}.staff-table tbody tr{transition:all .2s}.staff-table tbody tr:hover{background:rgba(220,38,38,.05)}.staff-table tbody tr:last-child td{border-bottom:none}.staff-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500}.staff-badge-primary{background:rgba(220,38,38,.2);color:#fca5a5;border:1px solid rgba(220,38,38,.3)}.staff-badge-success{background:rgba(16,185,129,.2);color:#6ee7b7;border:1px solid rgba(16,185,129,.3)}.staff-badge-warning{background:rgba(251,191,36,.2);color:#fde68a;border:1px solid rgba(251,191,36,.3)}.staff-input{width:100%;padding:.75rem 1rem;background:var(--staff-bg-secondary);border:1px solid var(--staff-border);border-radius:.5rem;color:var(--staff-text);font-size:.875rem;transition:all .2s}.staff-input:focus{outline:none;border-color:var(--staff-primary);box-shadow:0 0 0 3px rgba(220,38,38,.1)}.staff-input::placeholder{color:var(--staff-text-muted)}.staff-sidebar{background:var(--staff-bg-card);border:1px solid var(--staff-border);border-radius:1rem;padding:1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.staff-sidebar-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:.5rem;color:var(--staff-text-secondary);text-decoration:none;transition:all .2s;margin-bottom:.5rem}.staff-sidebar-item:hover{background:rgba(220,38,38,.1);color:var(--staff-text);transform:translateX(4px)}.staff-sidebar-item.active{background:linear-gradient(135deg,rgba(220,38,38,.2),rgba(220,38,38,.1));color:#fca5a5;border-left:3px solid var(--staff-primary)}.staff-stat-card{background:linear-gradient(135deg,var(--staff-bg-card) 0,var(--staff-bg-secondary) 100%);border:1px solid var(--staff-border);border-radius:1rem;padding:1.5rem;position:relative;overflow:hidden}.staff-stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--staff-primary) 0,var(--staff-primary-light) 100%)}.staff-stat-value{font-size:2rem;font-weight:700;background:linear-gradient(135deg,var(--staff-text) 0,var(--staff-text-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.staff-loading{display:flex;align-items:center;justify-content:center;min-height:400px}.staff-spinner{width:48px;height:48px;border:4px solid rgba(220,38,38,.2);border-top:4px solid var(--staff-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:768px){.staff-table{font-size:.875rem}.staff-table td,.staff-table th{padding:.75rem 1rem}.staff-card{padding:1rem}.desktop-table-view{display:none!important}.mobile-card-view{display:block!important}.summary-cards-grid{gridTemplateColumns:1fr!important}}@media (min-width:769px){.mobile-card-view{display:none!important}.desktop-table-view{display:block!important}}@media (max-width:768px){.unified-sidebar{display:none!important}.unified-main-content{margin-left:0!important;padding:1rem!important;width:100%!important}.mobile-menu-button{display:inline-flex!important}.desktop-menu-dropdown{display:none!important}.mobile-menu-sidebar{box-shadow:2px 0 10px rgba(0,0,0,.3)!important}.mobile-menu-overlay,.mobile-menu-sidebar{display:block!important}}@media (min-width:769px){.mobile-menu-button{display:none!important}.desktop-menu-dropdown{display:block!important}.mobile-menu-overlay,.mobile-menu-sidebar{display:none!important}}@media (max-width:768px){.ticket-stats-cards{grid-template-columns:1fr!important}.escalation-flow{flex-direction:column!important;align-items:stretch!important}.escalation-step{width:100%!important;flex-direction:row!important;justify-content:flex-start!important;padding:.5rem 0!important}.escalation-arrow{transform:rotate(90deg)!important;margin:.5rem 0!important}.ticket-info-grid{grid-template-columns:1fr!important}*{word-wrap:break-word;overflow-wrap:break-word}.card,td{max-width:100%!important}}.staff-card select,.staff-container select{background-color:hsla(0,0%,100%,.05)!important;color:var(--staff-text)!important;border:1px solid var(--staff-border)!important;border-radius:.5rem!important;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f1f5f9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e")!important;background-repeat:no-repeat!important;background-position:right .75rem center!important;background-size:1.25rem!important;padding:.75rem 2.5rem .75rem .75rem!important;font-size:.875rem!important}.staff-card select:focus,.staff-container select:focus{outline:none!important;border-color:var(--staff-primary)!important;box-shadow:0 0 0 3px rgba(220,38,38,.1)!important}.staff-card select option,.staff-container select option{background-color:var(--staff-bg-card)!important;color:var(--staff-text)!important;padding:.5rem!important}.staff-card select option:hover,.staff-container select option:hover{background-color:#334155!important}.staff-card select option:checked,.staff-container select option:checked{background-color:var(--staff-primary)!important;color:#fff!important}.staff-card select option:focus,.staff-container select option:focus{background-color:#334155!important}*{transition-property:color,background-color,border-color,transform,box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}