@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}.visible{visibility:visible}.absolute{position:absolute}.relative{position:relative}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.resize{resize:both}.border{border-style:var(--tw-border-style);border-width:1px}.capitalize{text-transform:capitalize}.uppercase{text-transform:uppercase}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}:root{--bg:#fafaf8;--bg-warm:#f5f3ef;--surface:#fff;--ink:#1a1a1a;--ink-light:#4a4a4a;--ink-muted:#8a8a8a;--border:#e8e6e1;--border-light:#f0ede8;--teal:#0d7c66;--teal-light:#e8f5f0;--teal-dark:#095c4b}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;line-height:1.6;overflow-x:hidden;background:var(--bg)!important;color:var(--ink)!important;font-family:Outfit,-apple-system,sans-serif!important}h1,h2,h3{line-height:1.2;font-family:"Source Serif 4",Georgia,serif!important}.nav{z-index:100;transition:all .3s;position:fixed;top:0;left:0;right:0}.nav.scrolled{-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border);background:#fafaf8eb}.nav-inner{justify-content:space-between;align-items:center;max-width:1140px;height:72px;margin:0 auto;padding:0 32px;display:flex}.logo{color:var(--ink);letter-spacing:-.02em;align-items:center;gap:10px;font-size:1.2rem;font-weight:800;display:flex;font-family:Outfit,sans-serif!important}.logo-mark{border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.brand-network-icon{width:100%;height:100%;display:block}.nav-links{gap:36px;list-style:none;display:flex}.nav-links a{color:var(--ink-light);cursor:pointer;font-size:.88rem;font-weight:500;text-decoration:none;transition:color .2s}.nav-links a:hover{color:var(--ink)}.nav-actions{align-items:center;gap:12px;display:flex}.nav-cta{background:var(--ink);cursor:pointer;border:none;border-radius:100px;padding:10px 24px;font-family:Outfit,sans-serif;font-size:.85rem;font-weight:600;text-decoration:none;transition:all .2s;color:#fff!important}.nav-cta:hover{background:var(--teal);transform:translateY(-1px)}.hamburger{cursor:pointer;background:0 0;border:none;width:28px;height:20px;display:none;position:relative}.hamburger span{background:var(--ink);width:100%;height:2px;transition:all .3s;display:block;position:absolute;left:0}.hamburger span:first-child{top:0}.hamburger span:nth-child(2){top:9px}.hamburger span:nth-child(3){top:18px}.hamburger.open span:first-child{top:9px;transform:rotate(45deg)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){top:9px;transform:rotate(-45deg)}.mobile-menu{-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border);z-index:99;background:#fafaf8fa;flex-direction:column;gap:20px;padding:24px 32px;display:none;position:fixed;top:72px;left:0;right:0}.mobile-menu.open{display:flex}.mobile-menu a{color:var(--ink-light);cursor:pointer;font-size:1rem;font-weight:500;text-decoration:none}.hero{background:linear-gradient(180deg,var(--bg)0%,var(--bg-warm)100%);align-items:center;min-height:100vh;padding:120px 32px 80px;display:flex;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background:radial-gradient(circle,#0d7c660f 0%,#0000 70%);width:600px;height:600px;position:absolute;top:-30%;right:-10%}.hero-inner{grid-template-columns:1fr 1fr;align-items:center;gap:80px;width:100%;max-width:1140px;margin:0 auto;display:grid}.hero-tag{background:var(--teal-light);color:var(--teal);letter-spacing:.04em;text-transform:uppercase;border-radius:100px;align-items:center;gap:8px;margin-bottom:24px;padding:6px 16px;font-size:.78rem;font-weight:600;display:inline-flex;font-family:Outfit,sans-serif!important}.hero-tag:before{content:"";background:var(--teal);border-radius:50%;flex-shrink:0;width:6px;height:6px}.hero h1{color:var(--ink);letter-spacing:-.02em;margin-bottom:20px;font-size:clamp(2.4rem,4.5vw,3.6rem);font-weight:600}.hero h1 em{color:var(--teal);font-style:normal}.hero-desc{color:var(--ink-light);max-width:480px;margin-bottom:36px;font-size:1.1rem;line-height:1.7}.hero-btns{flex-wrap:wrap;gap:12px;display:flex}.btn-primary{background:var(--teal);color:#fff;cursor:pointer;border:none;border-radius:100px;align-items:center;gap:8px;padding:14px 32px;font-family:Outfit,sans-serif;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .25s;display:inline-flex}.btn-primary:hover{background:var(--teal-dark);transform:translateY(-2px);box-shadow:0 8px 24px #0d7c6633}.btn-secondary{color:var(--ink);border:1.5px solid var(--border);cursor:pointer;background:0 0;border-radius:100px;padding:14px 32px;font-family:Outfit,sans-serif;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .25s}.btn-secondary:hover{border-color:var(--ink);transform:translateY(-2px)}.hero-visual{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:36px;position:relative;box-shadow:0 24px 64px #0000000a}.stats-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.stat{text-align:center;background:var(--bg);border-radius:14px;padding:20px}.stat-val{color:var(--teal);margin-bottom:4px;font-size:2.2rem;font-weight:600;font-family:"Source Serif 4",serif!important}.stat-label{color:var(--ink-muted);font-size:.8rem;font-weight:500}.tools-row{border-top:1px solid var(--border-light);margin-top:28px;padding-top:24px}.tools-label{color:var(--ink-muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:12px;font-size:.72rem;font-weight:600}.tools-list{flex-wrap:wrap;gap:8px;display:flex}.tool-tag{background:var(--bg);border:1px solid var(--border-light);color:var(--ink-light);border-radius:6px;padding:4px 12px;font-size:.75rem;font-weight:500}.section{padding:100px 32px}.section-alt{background:var(--surface)}.section-inner{max-width:1140px;margin:0 auto}.section-header{margin-bottom:60px}.section-tag{color:var(--teal);text-transform:uppercase;letter-spacing:.12em;margin-bottom:12px;font-size:.72rem;font-weight:700;font-family:Outfit,sans-serif!important}.section-title{color:var(--ink);letter-spacing:-.02em;font-size:clamp(2rem,3.5vw,2.8rem);font-weight:600}.section-desc{color:var(--ink-muted);max-width:520px;margin-top:12px;font-size:1.05rem;line-height:1.7}.services-grid{flex-direction:column;gap:20px;display:flex}.service-card{background:var(--surface);border:1px solid var(--border);border-radius:20px;grid-template-columns:auto 1fr auto;align-items:start;gap:40px;padding:40px;transition:all .3s;display:grid}.service-card:hover{border-color:var(--teal);transform:translateY(-2px);box-shadow:0 12px 40px #0d7c660f}.service-num{color:var(--border);font-size:3rem;font-weight:600;line-height:1;font-family:"Source Serif 4",serif!important}.service-title{color:var(--ink);margin-bottom:8px;font-size:1.4rem;font-weight:600;font-family:"Source Serif 4",serif!important}.service-desc{color:var(--ink-muted);margin-bottom:16px;font-size:.92rem;line-height:1.7}.service-features{flex-wrap:wrap;gap:8px;display:flex}.service-feat{background:var(--bg);border:1px solid var(--border-light);color:var(--ink-light);border-radius:8px;padding:5px 14px;font-size:.8rem;font-weight:500}.service-price{text-align:right;white-space:nowrap}.service-price-val{color:var(--teal);font-size:1.5rem;font-weight:600;font-family:"Source Serif 4",serif!important}.service-price-note{color:var(--ink-muted);font-size:.78rem}.steps{grid-template-columns:repeat(4,1fr);gap:32px;margin-top:60px;display:grid}.step{text-align:center}.step-num{background:var(--teal-light);width:48px;height:48px;color:var(--teal);border-radius:14px;justify-content:center;align-items:center;margin:0 auto 16px;font-size:.9rem;font-weight:700;display:flex}.step-title{color:var(--ink);margin-bottom:6px;font-size:1.05rem;font-weight:600;font-family:"Source Serif 4",serif!important}.step-desc{color:var(--ink-muted);font-size:.85rem;line-height:1.6}.pricing-grid{grid-template-columns:repeat(3,1fr);align-items:stretch;gap:20px;display:grid}.plan{background:var(--surface);border:1px solid var(--border);border-radius:20px;flex-direction:column;padding:40px;transition:all .3s;display:flex}.plan:hover{transform:translateY(-4px);box-shadow:0 16px 48px #0000000f}.plan.featured{border-color:var(--teal);background:linear-gradient(180deg,#0d7c6608 0%,var(--surface)40%);position:relative}.plan-badge{background:var(--teal);color:#fff;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;border-radius:100px;padding:4px 16px;font-size:.72rem;font-weight:700;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.plan-name{color:var(--ink);font-size:1.5rem;font-weight:600;font-family:"Source Serif 4",serif!important}.plan-desc{color:var(--ink-muted);margin-top:4px;margin-bottom:24px;font-size:.85rem}.plan-price{border-bottom:1px solid var(--border-light);align-items:baseline;gap:4px;margin-bottom:32px;padding-bottom:28px;display:flex}.plan-dollar{color:var(--ink-muted);font-size:1rem;font-weight:500}.plan-amount{color:var(--ink);font-size:3.2rem;font-weight:600;line-height:1;font-family:"Source Serif 4",serif!important}.plan-period{color:var(--ink-muted);font-size:.9rem}.plan-features{flex:1;margin-bottom:32px;padding:0;list-style:none}.plan-features li{color:var(--ink-light);align-items:center;gap:10px;padding:8px 0;font-size:.9rem;display:flex}.plan-features li:before{content:"✓";color:var(--teal);flex-shrink:0;font-size:.85rem;font-weight:700}.plan-btn{text-align:center;cursor:pointer;border:none;border-radius:12px;width:100%;padding:14px;font-family:Outfit,sans-serif;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .25s;display:block}.plan-btn-primary{background:var(--teal);color:#fff}.plan-btn-primary:hover{background:var(--teal-dark)}.plan-btn-outline{color:var(--ink);border:1.5px solid var(--border);background:0 0}.plan-btn-outline:hover{border-color:var(--teal);color:var(--teal)}.pricing-note{text-align:center;color:var(--ink-muted);margin-top:24px;font-size:.88rem}.about-grid{grid-template-columns:1fr 1fr;align-items:center;gap:80px;display:grid}.about-text p{color:var(--ink-light);margin-bottom:8px;font-size:1rem;line-height:1.7}.about-text p.muted{color:var(--ink-muted);font-size:.95rem}.about-features{grid-template-columns:1fr 1fr;gap:16px;margin-top:32px;display:grid}.about-feat{color:var(--ink-light);align-items:center;gap:10px;font-size:.9rem;display:flex}.about-feat-icon{background:var(--teal-light);width:36px;height:36px;color:var(--teal);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:.9rem;display:flex}.about-card{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:40px;box-shadow:0 16px 48px #0000000a}.about-card-label{color:var(--ink-muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:24px;font-size:.72rem;font-weight:600}.bar-group{margin-bottom:20px}.bar-label{justify-content:space-between;margin-bottom:6px;font-size:.85rem;display:flex}.bar-label-text{color:var(--ink-light)}.bar-label-val{color:var(--teal);font-weight:600}.bar-track{background:var(--bg);border-radius:100px;height:6px;overflow:hidden}.bar-fill{background:var(--teal);border-radius:100px;height:100%;transition:width 1s}.faq-list{max-width:720px;margin:0 auto}.faq-item{border-bottom:1px solid var(--border-light)}.faq-q{cursor:pointer;text-align:left;width:100%;color:var(--ink);background:0 0;border:none;justify-content:space-between;align-items:center;gap:16px;padding:20px 0;font-family:Outfit,sans-serif;font-size:1rem;font-weight:500;display:flex}.faq-q:hover{color:var(--teal)}.faq-arrow{background:var(--bg);width:24px;min-width:24px;height:24px;color:var(--ink-muted);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.85rem;transition:all .3s;display:flex}.faq-arrow.open{background:var(--teal-light);color:var(--teal);transform:rotate(45deg)}.faq-a{color:var(--ink-muted);padding:0 0 20px;font-size:.92rem;line-height:1.7}.cta-section{padding:100px 32px}.cta-card{text-align:center;background:var(--ink);border-radius:28px;max-width:900px;margin:0 auto;padding:72px 48px;position:relative;overflow:hidden}.cta-card:before{content:"";pointer-events:none;background:radial-gradient(circle,#0d7c664d 0%,#0000 70%);width:400px;height:400px;position:absolute;top:-50%;right:-20%}.cta-card h2{color:#fff;margin-bottom:16px;font-size:clamp(1.8rem,3vw,2.4rem);position:relative;font-family:"Source Serif 4",serif!important}.cta-card p{color:#fff9;max-width:480px;margin-bottom:36px;margin-left:auto;margin-right:auto;font-size:1.05rem;position:relative}.cta-btns{flex-wrap:wrap;justify-content:center;gap:12px;display:flex;position:relative}.cta-btn-white{color:var(--ink);cursor:pointer;background:#fff;border:none;border-radius:100px;padding:14px 32px;font-family:Outfit,sans-serif;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .25s}.cta-btn-white:hover{transform:translateY(-2px);box-shadow:0 8px 24px #ffffff26}.cta-btn-ghost{color:#fffc;cursor:pointer;background:0 0;border:1.5px solid #fff3;border-radius:100px;padding:14px 32px;font-family:Outfit,sans-serif;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .25s}.cta-btn-ghost:hover{color:#fff;border-color:#ffffff80}.cta-info{flex-wrap:wrap;justify-content:center;gap:32px;margin-top:36px;display:flex;position:relative}.cta-info span{color:#fff6;font-size:.85rem}.footer{border-top:1px solid var(--border);padding:40px 32px}.footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;max-width:1140px;margin:0 auto;display:flex}.footer-links{gap:24px;display:flex}.footer-links a{color:var(--ink-muted);cursor:pointer;font-size:.85rem;text-decoration:none;transition:color .2s}.footer-links a:hover{color:var(--ink)}.footer-copy{color:var(--ink-muted);font-size:.82rem}@media (max-width:900px){.nav-links,.nav-actions{display:none!important}.hamburger{display:block!important}.hero-inner{grid-template-columns:1fr;gap:48px}.service-card{grid-template-columns:1fr;gap:16px}.service-num{font-size:2rem}.service-price{text-align:left;margin-top:8px}.pricing-grid{grid-template-columns:1fr;max-width:420px;margin:0 auto}.steps{grid-template-columns:1fr 1fr}.about-grid{grid-template-columns:1fr;gap:40px}.about-features{grid-template-columns:1fr}.cta-card{padding:48px 24px}.footer-inner{text-align:center;flex-direction:column}}@media (max-width:600px){.steps{grid-template-columns:1fr}.stats-grid{grid-template-columns:1fr 1fr}.hero{padding:100px 20px 60px}.section{padding:72px 20px}.cta-info{flex-direction:column;gap:8px}}.auth-page{background:var(--bg-warm);justify-content:center;align-items:center;min-height:100vh;padding:32px;display:flex}.auth-card{background:var(--surface);border:1px solid var(--border);border-radius:20px;width:100%;max-width:440px;padding:48px;box-shadow:0 16px 48px #0000000a}.auth-header{text-align:center;margin-bottom:32px}.auth-logo{color:var(--ink);align-items:center;gap:10px;margin-bottom:24px;font-size:1.1rem;font-weight:800;text-decoration:none;display:inline-flex;font-family:Outfit,sans-serif!important}.auth-header h1{color:var(--ink);margin-bottom:6px;font-size:1.6rem}.auth-header p{color:var(--ink-muted);font-size:.92rem}.auth-form{flex-direction:column;gap:20px;display:flex}.form-group{flex-direction:column;gap:6px;display:flex}.form-group label{color:var(--ink);font-size:.85rem;font-weight:600}.form-group input,.form-group select,.form-group textarea{border:1.5px solid var(--border);background:var(--bg);color:var(--ink);border-radius:10px;outline:none;padding:12px 16px;font-family:Outfit,sans-serif;font-size:.92rem;transition:border-color .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--teal)}.form-group textarea{resize:vertical;min-height:100px}.form-row{grid-template-columns:1fr 1fr 1fr;gap:16px;display:grid}.auth-submit{background:var(--teal);color:#fff;cursor:pointer;border:none;border-radius:10px;padding:14px;font-family:Outfit,sans-serif;font-size:.92rem;font-weight:600;transition:all .2s}.auth-submit:hover{background:var(--teal-dark)}.auth-submit:disabled{opacity:.6;cursor:not-allowed}.auth-error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;padding:12px 16px;font-size:.85rem}.auth-footer{text-align:center;flex-direction:column;gap:8px;margin-top:24px;display:flex}.auth-footer p{color:var(--ink-muted);font-size:.88rem}.auth-footer a{color:var(--teal);font-weight:600;text-decoration:none}.auth-footer a:hover{text-decoration:underline}.auth-back{font-size:.85rem;color:var(--ink-muted)!important;font-weight:500!important}.auth-success-icon{background:var(--teal-light);width:56px;height:56px;color:var(--teal);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 16px;font-size:1.5rem;font-weight:700;display:flex}.portal-wrapper{background:var(--bg);min-height:100vh;display:flex}.portal-loading{min-height:100vh;color:var(--ink-muted);flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex}.portal-loading-spinner{border:3px solid var(--border);border-top-color:var(--teal);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.portal-page-loading{text-align:center;color:var(--ink-muted);padding:60px}.portal-sidebar{background:var(--surface);border-right:1px solid var(--border);z-index:50;flex-direction:column;width:260px;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar-header{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;padding:20px 20px 16px;display:flex}.sidebar-logo{color:var(--ink);align-items:center;gap:10px;font-size:1rem;font-weight:800;text-decoration:none;display:flex;font-family:Outfit,sans-serif!important}.sidebar-close{color:var(--ink-muted);cursor:pointer;background:0 0;border:none;font-size:1.2rem;display:none}.sidebar-org{border-bottom:1px solid var(--border-light);padding:16px 20px}.sidebar-org-name{color:var(--ink);font-size:.9rem;font-weight:600}.sidebar-org-plan{color:var(--teal);text-transform:capitalize;margin-top:2px;font-size:.75rem;font-weight:600}.sidebar-nav{flex-direction:column;flex:1;gap:4px;padding:12px;display:flex}.sidebar-link{color:var(--ink-light);border-radius:10px;align-items:center;gap:10px;padding:10px 12px;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .15s;display:flex}.sidebar-link:hover{background:var(--bg);color:var(--ink)}.sidebar-link.active{background:var(--teal-light);color:var(--teal);font-weight:600}.sidebar-link-icon{text-align:center;width:24px;font-size:1rem}.sidebar-footer{border-top:1px solid var(--border-light);padding:16px 20px}.sidebar-user{align-items:center;gap:10px;margin-bottom:12px;display:flex}.sidebar-avatar{background:var(--teal);color:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:.85rem;font-weight:700;display:flex}.sidebar-user-name{color:var(--ink);font-size:.85rem;font-weight:600}.sidebar-user-email{color:var(--ink-muted);text-overflow:ellipsis;font-size:.72rem;overflow:hidden}.sidebar-logout{border:1px solid var(--border);width:100%;color:var(--ink-muted);cursor:pointer;background:0 0;border-radius:8px;padding:8px;font-family:Outfit,sans-serif;font-size:.82rem;transition:all .2s}.sidebar-logout:hover{color:#ef4444;border-color:#ef4444}.sidebar-overlay{display:none}.portal-main{flex:1;margin-left:260px}.portal-topbar{border-bottom:1px solid var(--border-light);background:var(--surface);z-index:10;align-items:center;gap:16px;height:56px;padding:0 32px;display:flex;position:sticky;top:0}.topbar-menu{cursor:pointer;background:0 0;border:none;width:24px;height:16px;display:none;position:relative}.topbar-menu span{background:var(--ink);width:100%;height:2px;display:block;position:absolute;left:0}.topbar-menu span:first-child{top:0}.topbar-menu span:nth-child(2){top:7px}.topbar-menu span:nth-child(3){top:14px}.topbar-breadcrumb{color:var(--ink-muted);font-size:.85rem}.topbar-sep{color:var(--border);margin:0 8px}.topbar-current{color:var(--ink);font-weight:600}.portal-content{max-width:1000px;padding:32px}.dashboard-header{justify-content:space-between;align-items:flex-start;margin-bottom:32px;display:flex}.dashboard-header h1{color:var(--ink);margin-bottom:4px;font-size:1.6rem}.dashboard-header p{color:var(--ink-muted);font-size:.92rem}.dashboard-new-ticket{background:var(--teal);color:#fff;white-space:nowrap;border-radius:10px;padding:10px 20px;font-size:.88rem;font-weight:600;text-decoration:none;transition:all .2s}.dashboard-new-ticket:hover{background:var(--teal-dark);transform:translateY(-1px)}.dashboard-stats{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:32px;display:grid}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:20px}.stat-card-value{margin-bottom:4px;font-size:2rem;font-weight:600;line-height:1;font-family:"Source Serif 4",serif!important}.stat-card-limit{color:var(--ink-muted);font-size:1rem;font-weight:400}.stat-card-label{color:var(--ink-muted);font-size:.78rem;font-weight:500}.stat-card-plan{text-transform:capitalize;color:var(--teal)!important}.stat-card-bar{background:var(--border-light);border-radius:100px;height:4px;margin-top:12px;overflow:hidden}.stat-card-bar-fill{background:var(--teal);border-radius:100px;height:100%;transition:width .5s}.dashboard-actions{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:32px;display:grid}.action-card{background:var(--surface);border:1px solid var(--border);color:var(--ink);border-radius:12px;align-items:center;gap:10px;padding:16px 20px;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.action-card:hover{border-color:var(--teal);transform:translateY(-2px);box-shadow:0 4px 12px #0000000a}.action-icon{font-size:1.2rem}.dashboard-section{margin-bottom:32px}.dashboard-section-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.dashboard-section-header h2{color:var(--ink);font-size:1.1rem}.dashboard-see-all{color:var(--teal);font-size:.85rem;font-weight:600;text-decoration:none}.dashboard-empty{background:var(--surface);border:1px solid var(--border);text-align:center;color:var(--ink-muted);border-radius:14px;padding:48px}.dashboard-empty-cta{color:var(--teal);margin-top:12px;font-weight:600;text-decoration:none;display:inline-block}.ticket-list{background:var(--surface);border:1px solid var(--border);border-radius:14px;overflow:hidden}.ticket-row{color:var(--ink);border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;text-decoration:none;transition:background .15s;display:flex}.ticket-row:last-child{border-bottom:none}.ticket-row:hover{background:var(--bg)}.ticket-row-left{align-items:center;gap:12px;min-width:0;display:flex}.ticket-number{color:var(--ink-muted);white-space:nowrap;font-family:monospace;font-size:.78rem;font-weight:600}.ticket-title{text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;font-weight:500;overflow:hidden}.ticket-row-right{flex-shrink:0;align-items:center;gap:10px;display:flex}.ticket-category{color:var(--ink-muted);text-transform:capitalize;font-size:.75rem}.ticket-status{text-transform:capitalize;white-space:nowrap;border-radius:100px;padding:3px 10px;font-size:.72rem;font-weight:600}.ticket-priority{text-transform:capitalize;font-size:.75rem;font-weight:600}.ticket-date{color:var(--ink-muted);white-space:nowrap;font-size:.75rem}.ticket-platform{color:var(--ink-muted);background:var(--bg);text-transform:capitalize;border-radius:4px;padding:2px 8px;font-size:.75rem}.tickets-header{justify-content:space-between;align-items:flex-start;margin-bottom:24px;display:flex}.tickets-header h1{color:var(--ink);margin-bottom:4px;font-size:1.6rem}.tickets-header p{color:var(--ink-muted);font-size:.88rem}.tickets-filters{gap:12px;margin-bottom:20px;display:flex}.tickets-search{border:1.5px solid var(--border);background:var(--surface);border-radius:10px;outline:none;flex:1;padding:10px 16px;font-family:Outfit,sans-serif;font-size:.88rem}.tickets-search:focus{border-color:var(--teal)}.tickets-filter-select{border:1.5px solid var(--border);background:var(--surface);color:var(--ink);text-transform:capitalize;cursor:pointer;border-radius:10px;outline:none;padding:10px 16px;font-family:Outfit,sans-serif;font-size:.85rem}.new-ticket-header{margin-bottom:32px}.new-ticket-back{color:var(--ink-muted);margin-bottom:12px;font-size:.85rem;text-decoration:none;display:inline-block}.new-ticket-back:hover{color:var(--teal)}.new-ticket-header h1{color:var(--ink);margin-bottom:4px;font-size:1.6rem}.new-ticket-header p{color:var(--ink-muted);font-size:.92rem}.new-ticket-form{background:var(--surface);border:1px solid var(--border);border-radius:16px;flex-direction:column;gap:24px;padding:32px;display:flex}.new-ticket-actions{justify-content:flex-end;gap:12px;padding-top:8px;display:flex}.btn-cancel{border:1.5px solid var(--border);color:var(--ink-muted);border-radius:10px;padding:12px 24px;font-size:.88rem;font-weight:500;text-decoration:none;transition:all .2s}.btn-cancel:hover{border-color:var(--ink);color:var(--ink)}.file-upload-zone{border:2px dashed var(--border);text-align:center;border-radius:12px;padding:24px;transition:border-color .2s}.file-upload-zone:hover{border-color:var(--teal)}.file-upload-label{cursor:pointer;color:var(--ink-light);flex-direction:column;gap:4px;font-size:.9rem;display:flex}.file-upload-hint{color:var(--ink-muted);font-size:.78rem}.file-list{flex-direction:column;gap:8px;margin-top:12px;display:flex}.file-item{background:var(--bg);color:var(--ink-light);border-radius:8px;justify-content:space-between;align-items:center;padding:8px 12px;font-size:.85rem;display:flex}.file-remove{color:var(--ink-muted);cursor:pointer;background:0 0;border:none;font-size:.85rem}.file-remove:hover{color:#ef4444}.ticket-detail-header{margin-bottom:24px}.ticket-detail-title-row{align-items:center;gap:12px;margin-bottom:12px;display:flex}.ticket-detail-title-row h1{font-size:1.4rem}.ticket-detail-meta{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.ticket-priority-badge{text-transform:capitalize;font-size:.78rem;font-weight:600}.ticket-resolved-banner{color:#059669;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:10px;margin-bottom:24px;padding:12px 20px;font-size:.88rem}.ticket-description{background:var(--surface);border:1px solid var(--border);border-radius:14px;margin-bottom:24px;padding:24px}.ticket-description-label{color:var(--ink-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px;font-size:.78rem;font-weight:700}.ticket-description p{color:var(--ink-light);white-space:pre-wrap;font-size:.92rem;line-height:1.7}.ticket-attachments{margin-bottom:24px}.ticket-attachment-list{flex-wrap:wrap;gap:8px;display:flex}.ticket-attachment-item{background:var(--surface);border:1px solid var(--border);color:var(--ink-light);border-radius:8px;padding:8px 14px;font-size:.82rem}.ticket-conversation{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:24px}.ticket-no-messages{text-align:center;color:var(--ink-muted);padding:32px;font-size:.9rem}.message-list{flex-direction:column;gap:16px;max-height:500px;margin-bottom:24px;padding:4px;display:flex;overflow-y:auto}.message{border-radius:12px;max-width:80%;padding:16px}.message-client{background:var(--teal-light);margin-left:auto}.message-agent{background:var(--bg);margin-right:auto}.message-system{text-align:center;background:0 0;max-width:100%;padding:8px}.message-system-text{color:var(--ink-muted);font-size:.8rem;font-style:italic}.message-header{align-items:center;gap:8px;margin-bottom:6px;display:flex}.message-sender{color:var(--ink);font-size:.82rem;font-weight:600}.message-time{color:var(--ink-muted);font-size:.72rem}.message-ai-badge{color:#2563eb;background:#dbeafe;border-radius:4px;padding:1px 6px;font-size:.65rem;font-weight:700}.message-body{color:var(--ink-light);white-space:pre-wrap;font-size:.9rem;line-height:1.6}.message-form{border-top:1px solid var(--border-light);flex-direction:column;gap:12px;padding-top:16px;display:flex}.message-form textarea{border:1.5px solid var(--border);background:var(--bg);resize:vertical;border-radius:10px;outline:none;padding:12px 16px;font-family:Outfit,sans-serif;font-size:.9rem}.message-form textarea:focus{border-color:var(--teal)}.message-form button{background:var(--teal);color:#fff;cursor:pointer;border:none;border-radius:10px;align-self:flex-end;padding:10px 24px;font-family:Outfit,sans-serif;font-size:.88rem;font-weight:600;transition:all .2s}.message-form button:hover{background:var(--teal-dark)}.message-form button:disabled{opacity:.5;cursor:not-allowed}@media (max-width:900px){.portal-sidebar{transition:transform .3s;transform:translate(-100%)}.portal-sidebar.open{transform:translate(0)}.sidebar-close{display:block!important}.sidebar-overlay{z-index:40;background:#0000004d;display:block;position:fixed;inset:0}.portal-main{margin-left:0}.topbar-menu{display:block!important}.dashboard-stats{grid-template-columns:1fr 1fr}.dashboard-actions,.form-row{grid-template-columns:1fr}.ticket-row{flex-direction:column;align-items:flex-start;gap:8px}.ticket-row-right{flex-wrap:wrap}.tickets-filters{flex-direction:column}.message{max-width:95%}}.admin-layout{background:#f8f9fa;min-height:100vh;display:flex}.admin-sidebar{color:#fff;z-index:50;background:#1a1a2e;flex-direction:column;width:260px;transition:transform .3s;display:flex;position:fixed;top:0;bottom:0;left:0}.admin-sidebar-header{border-bottom:1px solid #ffffff14;padding:24px 20px}.admin-logo-mark{border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.admin-logo-text{letter-spacing:-.02em;font-size:1rem;font-weight:700}.admin-logo-sub{color:#fff6;letter-spacing:.04em;text-transform:uppercase;font-size:.7rem;font-weight:500}.admin-nav{flex-direction:column;flex:1;gap:2px;padding:16px 12px;display:flex}.admin-nav-item{color:#fff9;border-radius:8px;align-items:center;gap:10px;padding:10px 12px;font-size:.88rem;font-weight:500;text-decoration:none;transition:all .15s;display:flex}.admin-nav-item:hover{color:#fff;background:#ffffff0f}.admin-nav-item.active{color:#fff;background:#0d7c664d}.admin-nav-icon{text-align:center;width:20px;font-size:1rem}.admin-sidebar-divider{background:#ffffff14;height:1px;margin:4px 20px 8px}.admin-sidebar-footer{border-top:1px solid #ffffff14;padding:16px 20px}.admin-user-info{align-items:center;gap:10px;margin-bottom:12px;display:flex}.admin-user-avatar{background:var(--teal);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:.85rem;font-weight:700;display:flex}.admin-user-details{overflow:hidden}.admin-user-name{white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;font-weight:600;overflow:hidden}.admin-user-role{color:#fff6;font-size:.72rem}.admin-logout-btn{color:#ffffff80;cursor:pointer;background:0 0;border:1px solid #ffffff1f;border-radius:6px;width:100%;padding:8px;font-family:Outfit,sans-serif;font-size:.8rem;font-weight:500;transition:all .15s}.admin-logout-btn:hover{color:#fff;background:#ffffff0f}.admin-main{flex:1;min-height:100vh;margin-left:260px;padding:32px}.admin-mobile-header{z-index:40;background:#1a1a2e;align-items:center;gap:12px;height:56px;padding:0 16px;display:none;position:fixed;top:0;left:0;right:0}.admin-mobile-toggle{cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:space-between;width:24px;height:18px;display:flex;position:relative}.admin-mobile-toggle span{background:#fff;border-radius:2px;width:100%;height:2px;display:block}.admin-mobile-title{color:#fff;font-size:.95rem;font-weight:700}.admin-sidebar-overlay{z-index:45;background:#00000080;display:none;position:fixed;inset:0}.admin-page-header{justify-content:space-between;align-items:flex-start;margin-bottom:24px;display:flex}.admin-page-title{color:#1a1a1a;margin-bottom:4px;font-family:"Source Serif 4",Georgia,serif;font-size:1.6rem;font-weight:600}.admin-page-desc{color:#8a8a8a;font-size:.88rem}.admin-stats-row{grid-template-columns:repeat(5,1fr);gap:16px;margin-bottom:24px;display:grid}.admin-stat-card{background:#fff;border:1px solid #e8e6e1;border-radius:12px;padding:20px}.admin-stat-label{color:#8a8a8a;margin-bottom:6px;font-size:.78rem;font-weight:500}.admin-stat-value{color:#1a1a1a;font-family:"Source Serif 4",serif;font-size:2rem;font-weight:600}.admin-stat-card.accent-red .admin-stat-value{color:#e74c3c}.admin-stat-card.accent-yellow .admin-stat-value{color:#f39c12}.admin-stat-card.accent-green .admin-stat-value{color:#27ae60}.admin-stat-card.accent-teal .admin-stat-value{color:var(--teal)}.admin-grid-2col{grid-template-columns:1.5fr 1fr;gap:20px;display:grid}.admin-card{background:#fff;border:1px solid #e8e6e1;border-radius:12px;padding:20px}.admin-card-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.admin-card-header h3{color:#1a1a1a;font-family:Outfit,sans-serif;font-size:.95rem;font-weight:600}.admin-card-link{color:var(--teal);font-size:.82rem;font-weight:500;text-decoration:none}.admin-card-link:hover{text-decoration:underline}.admin-card-section-title{color:#8a8a8a;text-transform:uppercase;letter-spacing:.06em;margin-bottom:16px;font-family:Outfit,sans-serif;font-size:.82rem;font-weight:600}.admin-empty-text{color:#8a8a8a;text-align:center;padding:20px 0;font-size:.9rem}.admin-table-wrap{overflow-x:auto}.admin-table{border-collapse:collapse;width:100%}.admin-table th{text-align:left;color:#8a8a8a;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;border-bottom:1px solid #e8e6e1;padding:10px 16px;font-size:.72rem;font-weight:600}.admin-table td{vertical-align:middle;border-bottom:1px solid #f0ede8;padding:12px 16px;font-size:.88rem}.admin-table tbody tr:hover{background:#fafaf8}.admin-table tbody tr:last-child td{border-bottom:none}.admin-table-title{color:#1a1a1a;font-weight:500}.admin-table-sub{color:#8a8a8a;margin-top:2px;font-size:.78rem}.admin-table-muted{color:#8a8a8a;font-size:.85rem}.admin-table-sm{font-size:.82rem}.admin-status-badge{text-transform:capitalize;white-space:nowrap;border-radius:100px;padding:3px 10px;font-size:.75rem;font-weight:600;display:inline-block}.admin-filters{flex-wrap:wrap;gap:12px;margin-bottom:20px;display:flex}.admin-search-input{color:#1a1a1a;background:#fff;border:1px solid #e8e6e1;border-radius:8px;outline:none;flex:1;min-width:200px;padding:10px 16px;font-family:Outfit,sans-serif;font-size:.88rem;transition:border-color .2s}.admin-search-input:focus{border-color:var(--teal)}.admin-filter-select{color:#1a1a1a;cursor:pointer;background:#fff;border:1px solid #e8e6e1;border-radius:8px;outline:none;padding:10px 16px;font-family:Outfit,sans-serif;font-size:.88rem}.admin-filter-select:focus{border-color:var(--teal)}.admin-quick-actions{flex-direction:column;gap:8px;display:flex}.admin-action-btn{color:#1a1a1a;background:#fff;border:1px solid #e8e6e1;border-radius:8px;align-items:center;gap:8px;padding:10px 14px;font-size:.88rem;font-weight:500;text-decoration:none;transition:all .15s;display:flex}.admin-action-btn:hover{border-color:var(--teal);background:#f8f9fa}.admin-action-btn.urgent{background:#e74c3c08;border-color:#e74c3c30}.admin-action-btn.urgent:hover{border-color:#e74c3c}.admin-client-list{flex-direction:column;gap:4px;display:flex}.admin-client-row{border-bottom:1px solid #f0ede8;align-items:center;gap:12px;padding:8px 0;display:flex}.admin-client-row:last-child{border-bottom:none}.admin-client-avatar{background:var(--teal);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:.85rem;font-weight:700;display:flex}.admin-client-name{color:#1a1a1a;font-size:.88rem;font-weight:500}.admin-client-meta{color:#8a8a8a;font-size:.78rem}.admin-breadcrumb{margin-bottom:16px}.admin-breadcrumb a{color:var(--teal);font-size:.85rem;font-weight:500;text-decoration:none}.admin-breadcrumb a:hover{text-decoration:underline}.admin-ticket-layout{grid-template-columns:1fr 300px;align-items:start;gap:20px;display:grid}.admin-ticket-header{border-bottom:1px solid #f0ede8;margin-bottom:20px;padding-bottom:20px}.admin-ticket-title{color:#1a1a1a;margin-bottom:8px;font-family:"Source Serif 4",serif;font-size:1.3rem;font-weight:600}.admin-ticket-meta-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.admin-ticket-desc{color:#4a4a4a;margin-top:12px;font-size:.92rem;line-height:1.7}.admin-messages{flex-direction:column;gap:12px;max-height:500px;margin-bottom:20px;padding-right:4px;display:flex;overflow-y:auto}.admin-message{background:#f8f9fa;border:1px solid #e8e6e1;border-radius:10px;padding:12px 16px}.admin-message.agent{background:#e8f5f0;border-color:#c8e6d8}.admin-message.system{background:#f0ede8;border-color:#e8e6e1;font-style:italic}.admin-message-header{align-items:center;gap:8px;margin-bottom:6px;display:flex}.admin-message-sender{color:#1a1a1a;font-size:.82rem;font-weight:600}.admin-message-badge{text-transform:uppercase;letter-spacing:.04em;border-radius:4px;padding:2px 6px;font-size:.65rem;font-weight:600}.admin-message-badge.client{color:#3498db;background:#3498db18}.admin-message-badge.agent{color:#0d7c66;background:#0d7c6618}.admin-message-badge.system{color:#8a8a8a;background:#8a8a8a18}.admin-message-badge.ai{color:#9b59b6;background:#9b59b618}.admin-message-time{color:#8a8a8a;margin-left:auto;font-size:.72rem}.admin-message-body{color:#4a4a4a;white-space:pre-wrap;font-size:.9rem;line-height:1.6}.admin-reply-box{border-top:1px solid #e8e6e1;padding-top:16px}.admin-reply-input{resize:vertical;color:#1a1a1a;border:1px solid #e8e6e1;border-radius:8px;outline:none;width:100%;min-height:100px;padding:12px 16px;font-family:Outfit,sans-serif;font-size:.9rem;transition:border-color .2s}.admin-reply-input:focus{border-color:var(--teal)}.admin-reply-actions{gap:8px;margin-top:10px;display:flex}.admin-btn-primary{background:var(--teal);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:10px 20px;font-family:Outfit,sans-serif;font-size:.85rem;font-weight:600;transition:all .15s}.admin-btn-primary:hover{background:var(--teal-dark)}.admin-btn-primary:disabled{opacity:.5;cursor:not-allowed}.admin-btn-success{color:#fff;cursor:pointer;background:#27ae60;border:none;border-radius:8px;padding:10px 20px;font-family:Outfit,sans-serif;font-size:.85rem;font-weight:600;transition:all .15s}.admin-btn-success:hover{background:#219a52}.admin-btn-success:disabled{opacity:.5;cursor:not-allowed}.admin-btn-small{background:var(--teal);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:5px 12px;font-family:Outfit,sans-serif;font-size:.78rem;font-weight:600;transition:all .15s}.admin-btn-small:hover{background:var(--teal-dark)}.admin-btn-small:disabled{opacity:.5;cursor:not-allowed}.admin-detail-row{border-bottom:1px solid #f0ede8;justify-content:space-between;align-items:center;padding:8px 0;display:flex}.admin-detail-row:last-child{border-bottom:none}.admin-detail-label{color:#8a8a8a;font-size:.82rem;font-weight:500}.admin-detail-value{color:#1a1a1a;font-size:.85rem;font-weight:500}.admin-detail-select{color:#1a1a1a;cursor:pointer;background:#fff;border:1px solid #e8e6e1;border-radius:6px;outline:none;padding:4px 8px;font-family:Outfit,sans-serif;font-size:.82rem}.admin-detail-select:focus{border-color:var(--teal)}.admin-loading{text-align:center;color:#8a8a8a;padding:40px 0;font-size:.9rem}@media (max-width:1024px){.admin-stats-row{grid-template-columns:repeat(3,1fr)}.admin-grid-2col,.admin-ticket-layout{grid-template-columns:1fr}}@media (max-width:768px){.admin-sidebar{transform:translate(-100%)}.admin-sidebar.open{transform:translate(0)}.admin-sidebar-overlay{display:block}.admin-mobile-header{display:flex}.admin-main{margin-left:0;padding:72px 16px 24px}.admin-stats-row{grid-template-columns:repeat(2,1fr)}.admin-ticket-layout{grid-template-columns:1fr}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}