:root{--bg:#f4f7fd;--surface:#fffc;--surface-strong:#fff;--surface-dark:#0d1424;--surface-dark-soft:#121c31;--text:#091224;--text-soft:#53617c;--line:#7385a92e;--brand:#3967ff;--brand-strong:#2d52e8;--brand-violet:#7557ff;--success:#2da96b;--warning:#d9a72d;--danger:#d45151;--shadow:0 24px 80px #111b351f;--radius-xl:28px;--radius-lg:22px;--radius-md:16px;--radius-sm:12px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-height:100vh;color:var(--text);background:radial-gradient(circle at 0 0,#6781ff29,#0000 28%),linear-gradient(#f8fbff 0%,#eef3fb 100%);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0}.site-shell{width:min(1440px,100% - 32px);margin:0 auto;padding:16px 0 40px}.topbar,.brand,.main-nav,.hero-actions,.section-heading,.portal-header,.toolbar-row,.reply-box,.stack-inline,.admin-actions{align-items:center;display:flex}.topbar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffbd;border:1px solid #96aad233;border-radius:20px;justify-content:space-between;padding:14px 22px;box-shadow:0 8px 40px #354f9214}.brand{gap:12px;font-size:1.8rem;font-weight:700}.brand-mark{background:linear-gradient(135deg,#4d81ff 0%,#7c53ff 60%,#2746c7 100%);border-radius:999px;width:34px;height:34px;display:inline-block;position:relative;box-shadow:inset 0 1px 6px #ffffff8c,0 12px 24px #4f6eff4d}.brand-mark:after{content:"";background:#ffffffe6;border-radius:999px;position:absolute;inset:8px}.main-nav{gap:40px;font-weight:500}.ghost-button,.primary-button,.secondary-button,.danger-button{border-radius:16px;padding:14px 22px;transition:transform .2s,box-shadow .2s,background .2s}.ghost-button{background:#ffffffd1;border:1px solid #7d91bc47}.ghost-button.strong{color:inherit;background:#ffffff14}.primary-button{color:#fff;background:linear-gradient(#487bff 0%,#3157ea 100%);box-shadow:0 18px 40px #3157ea47}.secondary-button{color:var(--text);background:#fff}.danger-button{color:#e52f2f;background:#ff53531f}.small{padding:10px 16px;font-size:.92rem}.home-page{gap:28px;padding-top:24px;display:grid}.hero-panel,.content-card,.ticket-banner,.admin-primary-card,.admin-side-card,.auth-card,.side-card,.summary-card{box-shadow:var(--shadow);border:1px solid #8da3cf2e}.hero-panel{background:linear-gradient(#ffffffdb,#f8fbfff5),linear-gradient(120deg,#7363ff14,#0000 48%);border-radius:34px;grid-template-columns:1.2fr 1fr;gap:28px;padding:56px 56px 40px;display:grid}.hero-copy h1{letter-spacing:-.06em;margin:0;font-size:clamp(3.8rem,8vw,5.5rem);line-height:.95}.hero-copy p,.portal-header p,.auth-copy p,.side-card p,.sidebar-panel span,.ticket-banner p,.footer p{color:var(--text-soft)}.hero-copy p{margin:18px 0 24px;font-size:1.32rem}.search-card{background:#ffffffeb;border:1px solid #8da3cf3d;border-radius:20px;gap:12px;max-width:640px;padding:12px;display:flex}.search-card input,.reply-box input,.auth-form input,.ticket-form input,.ticket-form select,.ticket-form textarea,.admin-ticket-detail textarea{background:0 0;border:0;outline:0;width:100%}.search-card button{color:#fff;background:linear-gradient(#4b7fff 0%,#3258eb 100%);border-radius:16px;min-width:140px}.hero-actions{gap:16px;margin-top:22px}.hero-art{border-radius:28px;min-height:420px;position:relative}.art-ring{background:linear-gradient(160deg,#4b7fff 0%,#6f54ff 54%,#2f58e6 100%);border-radius:999px;width:320px;height:320px;position:absolute;top:4%;right:12%;box-shadow:inset 0 12px 20px #ffffff40,0 30px 90px #4465ff47}.art-ring:after{content:"";background:linear-gradient(#fbfdff 0%,#eef3fc 100%);border-radius:999px;position:absolute;inset:58px}.art-ring:before{content:"";background:#ffffffe0;border-radius:999px;height:92px;position:absolute;inset:auto 12px -36px;box-shadow:0 20px 60px #121f461f}.art-float,.art-cloud{background:linear-gradient(#fffffff2,#e7edffd1);border-radius:24px;place-items:center;display:grid;position:absolute;box-shadow:0 18px 34px #2943921f}.art-float{color:#5063ff;width:84px;height:84px;font-size:2.4rem}.art-search{top:18%;left:12%}.art-music{top:38%;left:20%}.art-cloud{width:120px;height:72px;top:24%;right:4%}.art-cloud:before,.art-cloud:after{content:"";background:inherit;border-radius:999px;position:absolute}.art-cloud:before{width:54px;height:54px;top:-18px;left:18px}.art-cloud:after{width:48px;height:48px;top:-12px;right:16px}.section-block,.split-section,.footer,.composer-grid,.ticket-layout,.admin-grid,.admin-bottom-grid{gap:24px;display:grid}.section-block,.split-section{grid-template-columns:1fr}.section-heading{justify-content:space-between;gap:16px}.section-heading h2,.ticket-banner h2,.admin-ticket-detail h2,.side-card h2{margin:0;font-size:1.8rem}.category-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;display:grid}.category-card,.content-card{background:#ffffffd9;border-radius:24px}.category-card{border:1px solid #8da3cf2e;padding:24px;box-shadow:0 10px 30px #26356e14}.category-icon{color:#fff;background:linear-gradient(160deg,#7e57ff,#456dff);border-radius:14px;place-items:center;width:48px;height:48px;font-size:1.5rem;display:inline-grid}.category-card h3{margin:18px 0 10px}.category-card p{color:var(--text-soft);margin:0;line-height:1.6}.split-section{grid-template-columns:1fr 1fr}.content-card{border-radius:24px;padding:28px}.list-links,.faq-list,.helper-list,.compact-list,.access-list{margin:0;padding:0;list-style:none}.list-links li,.faq-list li,.compact-list li,.access-list li{border-bottom:1px solid #8da3cf24;justify-content:space-between;gap:16px;padding:16px 0;display:flex}.list-links li:last-child,.faq-list li:last-child,.compact-list li:last-child,.access-list li:last-child{border-bottom:0}.list-links strong,.faq-list span:first-child,.compact-list strong,.access-list strong{margin-bottom:6px;display:block}.list-links span,.compact-list span,.access-list span{color:var(--text-soft)}.ticket-banner{color:#fff;background:linear-gradient(135deg,#071737 0%,#0e2754 100%);border-radius:24px;justify-content:space-between;align-items:center;gap:24px;padding:28px 34px;display:flex}.ticket-banner p{color:#e6eeffd1}.footer{grid-template-columns:2fr 1fr 1fr;padding:32px 8px 16px}.footer strong{margin-bottom:12px;display:block}.footer a,.footer span{color:var(--text-soft);margin-bottom:10px;display:block}.auth-page{place-items:center;min-height:100vh;padding:24px;display:grid}.auth-card{background:#ffffffe6;border-radius:28px;width:min(480px,100%);padding:34px}.auth-copy h1,.portal-header h1{letter-spacing:-.04em;margin:0;font-size:2.8rem}.auth-form,.ticket-form{gap:16px;display:grid}.auth-form label,.ticket-form label{gap:10px;font-weight:600;display:grid}.auth-form input,.ticket-form input,.ticket-form select,.ticket-form textarea,.admin-ticket-detail textarea{background:#f9fbffe6;border:1px solid #8da3cf42;border-radius:16px;padding:16px 18px}.auth-note{color:var(--text-soft);margin:18px 0 0}.form-error{color:#c53030;margin:-2px 0 0}.portal-shell{grid-template-columns:280px 1fr;min-height:100vh;display:grid}.dark-shell{background:radial-gradient(circle at 100% 0,#4461be47,#0000 22%),linear-gradient(#09101d 0%,#101a2e 100%)}.light-shell{background:linear-gradient(#eef2fa 0%,#f7f9fd 100%)}.sidebar{color:#edf3ff;background:linear-gradient(#08101ff5,#0c1527fa);border-right:1px solid #5c709b2e;grid-template-rows:auto auto 1fr auto;gap:20px;padding:18px 16px;display:grid}.sidebar-brand{align-items:center;gap:12px;display:flex}.sidebar-title{font-weight:700}.sidebar-subtitle,.sidebar-panel span,.sidebar-footer span{color:#dce7ffb3}.sidebar-panel,.sidebar-footer{background:#ffffff0a;border:1px solid #8ca0c624;border-radius:20px;gap:8px;padding:20px;display:grid}.sidebar-nav{align-content:start;gap:8px;display:grid}.sidebar-nav a{color:#eff5ffe6;border-radius:16px;padding:14px 16px}.sidebar-nav a:hover{background:#6f87ff1f}.portal-content{color:#edf3ff;padding:32px}.light-content{color:var(--text)}.portal-header{justify-content:space-between;gap:20px;margin-bottom:28px}.ticket-layout{grid-template-columns:minmax(0,1fr) 280px}.ticket-main,.ticket-side{gap:20px;display:grid}.filter-pills{flex-wrap:wrap;gap:10px;display:flex}.pill{color:inherit;background:#ffffff0f;border-radius:14px;padding:10px 16px}.pill.active{background:linear-gradient(#4779fff2,#3451c7f2)}.filter-pills.light .pill{background:#0811240f}.ticket-table,.conversation-card,.summary-card,.side-card,.ticket-form,.admin-primary-card,.admin-side-card{border-radius:24px}.ticket-table,.conversation-card,.summary-card,.side-card,.ticket-form{background:#0d1424c7;border:1px solid #6e84b629}.ticket-table{overflow:hidden}.ticket-table-head,.ticket-row,.admin-table-head,.admin-row{grid-template-columns:1fr 2fr 1.4fr 1fr 1.4fr 1.4fr;align-items:center;gap:16px;padding:16px 20px;display:grid}.ticket-table-head,.admin-table-head{color:#d5e1fcb3;text-transform:uppercase;letter-spacing:.06em;font-size:.82rem}.ticket-row,.admin-row{border-top:1px solid #6e84b61f}.ticket-row.selected{background:#4668ff1f}.badge,.priority{border-radius:999px;justify-content:center;align-items:center;padding:7px 10px;font-size:.82rem;display:inline-flex}.badge-open,.priority-low{color:#8dedb8;background:#2aab6b2e}.badge-waiting,.priority-medium{color:#ffd36a;background:#d9a72d2e}.badge-on_hold,.badge-paused{color:#b4bbff;background:#6973ff2e}.priority-high{color:#ff9f9f;background:#d451512e}.badge-closed,.badge-done{color:#d7ddeb;background:#a2adc924}.badge-deleted{color:#ffa1a1;background:#d451512e}.conversation-card,.ticket-form,.side-card,.summary-card{padding:24px}.conversation-header{justify-content:space-between;gap:16px;display:flex}.conversation-id{color:#d8e2fbc2;margin-bottom:8px}.conversation-header h2{margin:0}.message-thread,.message-stack{gap:14px;margin:24px 0;display:grid}.message-bubble,.message-panel{border-radius:18px;max-width:76%;padding:18px}.message-bubble strong,.message-panel strong{margin-bottom:8px;display:block}.message-bubble p,.message-panel p{margin:0 0 12px;line-height:1.6}.message-bubble span,.message-panel span{color:#d0ddfc99;font-size:.85rem}.from-support,.message-panel{background:#ffffff0f}.from-user{background:#3860ff38;justify-self:end}.reply-box{background:#ffffff0a;border-radius:18px;gap:12px;padding:10px}.summary-card strong{font-size:2rem}.summary-card span{color:#d9e3fab8}.helper-list{gap:12px;display:grid}.helper-list li{color:var(--text-soft)}.composer-grid{grid-template-columns:minmax(0,1fr) 320px}.ticket-form-columns{grid-template-columns:1fr 1fr;gap:16px;display:grid}.admin-grid{grid-template-columns:minmax(0,1fr) 380px}.admin-bottom-grid{grid-template-columns:minmax(0,1fr) 380px;margin-top:24px}.admin-primary-card,.admin-side-card{background:#ffffffc2;padding:20px}.admin-table{display:grid}.admin-table-head,.admin-row{grid-template-columns:.9fr 2fr 1.4fr 1.2fr 1fr 1.1fr 1.1fr}.message-stack.light .message-panel,.admin-side-card textarea{background:#0811240a}.admin-ticket-detail{gap:18px;display:grid}.admin-actions{flex-wrap:wrap;gap:12px}.split-card{grid-template-columns:1fr 1fr;gap:24px;display:grid}.access-list li,.compact-list li{align-items:center}@media (max-width:1180px){.hero-panel,.ticket-layout,.composer-grid,.admin-grid,.admin-bottom-grid,.split-card{grid-template-columns:1fr}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.portal-shell{grid-template-columns:1fr}}@media (max-width:860px){.site-shell{width:min(100%,100% - 20px)}.topbar,.main-nav,.hero-actions,.portal-header,.ticket-banner,.split-section,.footer{display:grid}.main-nav{grid-auto-flow:row;gap:12px}.hero-panel{padding:28px}.hero-copy h1{font-size:3rem}.category-grid,.ticket-table-head,.ticket-row,.admin-table-head,.admin-row{grid-template-columns:1fr}}