*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#16202a;background:#f6f8fb;line-height:1.5}a{color:#0c5bb7;text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{line-height:1.15;margin:0 0 .55rem;color:#0d1720}h1{font-size:clamp(1.85rem,3vw,2.55rem);letter-spacing:-.035em}h2{font-size:clamp(1.35rem,2.3vw,2rem);letter-spacing:-.025em}h3{font-size:1.18rem}p{margin:.35rem 0 1rem;color:#4d5a66}.topbar{height:76px;background:rgba(255,255,255,.9);backdrop-filter:blur(16px);border-bottom:1px solid #e5eaf0;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(1rem,5vw,4rem);position:sticky;top:0;z-index:10}.brand{display:flex;gap:.75rem;align-items:center;color:#111;text-decoration:none}.brand-mark{height:42px;width:42px;border-radius:14px;background:linear-gradient(135deg,#121826,#2665d6);color:#fff;display:grid;place-items:center;font-weight:800;box-shadow:0 12px 28px rgba(38,101,214,.2)}.brand small{display:block;color:#66717c;font-size:.78rem}.nav-links{display:flex;gap:1.4rem}.nav-links a{color:#293441;font-weight:650}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;background:#1767d6;color:#fff;border-radius:14px;padding:.85rem 1.1rem;font-weight:760;box-shadow:0 12px 28px rgba(23,103,214,.18);cursor:pointer;text-decoration:none}.btn:hover{text-decoration:none;background:#0f58bf}.btn-muted{background:#eef4ff;color:#114a95;box-shadow:none}.btn-small{padding:.55rem .8rem;border-radius:11px;font-size:.9rem}.btn-danger{background:#b42318}.button-row{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:1.2rem}.public-main{max-width:1180px;margin:0 auto;padding:clamp(1.2rem,4vw,4rem)}.hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:2rem;align-items:center;min-height:auto;padding:3rem 0 2.4rem}.hero p{font-size:1.02rem;max-width:620px}.hero-panel,.panel,.info-card,.product-card,.list-card,.side-card,.detail-panel,.metric{background:#fff;border:1px solid #e3e9f1;border-radius:24px;box-shadow:0 20px 60px rgba(18,32,52,.07);padding:1.45rem}.eyebrow{display:inline-flex;align-items:center;gap:.4rem;text-transform:uppercase;letter-spacing:.08em;font-size:.75rem;font-weight:800;color:#526373;margin-bottom:.75rem}.section{padding:2rem 0}.section-head,.page-head{max-width:760px;margin-bottom:1.5rem}.page-head{padding:1.4rem 0 .8rem}.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.product-card{display:flex;flex-direction:column;min-height:240px}.card-top{display:flex;justify-content:space-between;gap:.6rem;align-items:start}.text-link{font-weight:800;margin-top:auto}.badge{display:inline-flex;border-radius:999px;padding:.32rem .62rem;font-size:.75rem;font-weight:800;background:#edf2f7;color:#3f4c59;white-space:nowrap}.badge-green{background:#e7f8ed;color:#126b35}.badge-blue{background:#e8f1ff;color:#1454b8}.badge-gold{background:#fff4dc;color:#8a5a00}.badge-gray{background:#eef0f2;color:#56606b}.clean-list{padding-left:1.2rem}.stack{display:grid;gap:1rem}.list-card{display:flex;align-items:center;justify-content:space-between;gap:1rem}.list-actions{display:flex;gap:.7rem;align-items:center}.product-hero{display:grid;grid-template-columns:minmax(0,1.1fr) 330px;gap:1.5rem;align-items:start;padding:2rem 0}.detail-panel{display:grid;gap:.8rem}.detail-panel div{padding-bottom:.8rem;border-bottom:1px solid #edf1f5}.detail-panel span{display:block;color:#66717c;font-size:.82rem}.detail-panel strong{display:block;margin-top:.15rem}.content-grid,.ticket-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:1.25rem}.prose{background:#fff;border:1px solid #e3e9f1;border-radius:24px;padding:1.6rem}.prose p{color:#33404c}.narrow{max-width:820px;margin:2rem auto}.legal-page{max-width:900px;margin:2rem auto;background:#fff;border:1px solid #e3e9f1;border-radius:24px;padding:2rem}.footer{background:#111a24;color:#dce4ed;margin-top:3rem;padding:3rem clamp(1rem,5vw,4rem) 1.2rem}.footer p,.footer a,.footer li{color:#b7c3cf}.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:2rem;max-width:1180px;margin:0 auto}.footer ul{list-style:none;margin:0;padding:0}.footer li{margin:.45rem 0}.footer-brand{font-size:1.3rem;font-weight:850}.fineprint{max-width:1180px;margin:2rem auto 0;color:#8794a0}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.span-2{grid-column:span 2}label{display:grid;gap:.4rem;color:#27323e;font-weight:750}input,select,textarea{width:100%;border:1px solid #d8e1ea;border-radius:14px;padding:.86rem .92rem;font:inherit;background:#fff;color:#14202b}textarea{resize:vertical}.agree{font-weight:600}.alert{padding:1rem;border-radius:16px;margin:1rem 0}.alert-danger{background:#fff1f0;color:#9f1d16;border:1px solid #ffd1cf}.alert-success{background:#e7f8ed;color:#0d6932;border:1px solid #bfe9ce}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding:.7rem .85rem;border:1px solid #e1e7ef;border-radius:16px;background:#fbfdff}.toggle-input{display:none}.toggle-switch{width:50px;height:28px;border-radius:999px;background:#c9d2dd;position:relative;flex:0 0 auto;transition:.2s}.toggle-switch:before{content:"";position:absolute;top:4px;left:4px;width:20px;height:20px;border-radius:50%;background:#fff;transition:.2s;box-shadow:0 2px 8px rgba(0,0,0,.2)}.toggle-input:checked+.toggle-switch{background:#1767d6}.toggle-input:checked+.toggle-switch:before{transform:translateX(22px)}.toggle-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.setup-wrap,.login-wrap{min-height:100vh;display:grid;place-items:center;padding:2rem;background:radial-gradient(circle at top left,#e8f2ff,#f7f8fb 42%,#eef2f7)}.setup-card,.login-card{max-width:880px;width:100%}.setup-brand{margin-bottom:1.5rem}.admin-layout{display:grid;grid-template-columns:280px minmax(0,1fr);min-height:100vh}.sidebar{background:#101923;color:#dce4ed;padding:1rem;position:sticky;top:0;height:100vh;display:flex;flex-direction:column}.admin-brand{color:#fff;margin-bottom:1rem}.sidebar nav{display:grid;gap:.25rem}.sidebar nav a{color:#dce4ed;padding:.72rem .85rem;border-radius:12px;font-weight:700}.sidebar nav a:hover{background:#1a2633;text-decoration:none}.sidebar-user{margin-top:auto;color:#aebac6}.admin-content{min-width:0}.admin-top{height:70px;background:#fff;border-bottom:1px solid #e5eaf0;display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem}.admin-top small{display:block;color:#687481}.admin-main{padding:1.5rem;max-width:1400px}.admin-head{margin-bottom:1.2rem}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-bottom:1rem}.metric span{color:#637180;font-weight:750}.metric strong{display:block;font-size:2rem;margin-top:.4rem}table{width:100%;border-collapse:collapse}th,td{text-align:left;border-bottom:1px solid #edf1f5;padding:.85rem;vertical-align:top}th{font-size:.82rem;color:#5f6d7a;text-transform:uppercase;letter-spacing:.05em}.table-wrap{overflow:auto}.ticket-message{border:1px solid #e1e7ef;border-radius:18px;padding:1rem;margin:0 0 .9rem;background:#fbfdff}.ticket-message small{display:block;color:#6b7785;margin:.25rem 0}.internal-note{background:#fff8e8;border-color:#f3dcaa}.reply-box,.stack-form{display:grid;gap:1rem}.copy-row{display:grid;grid-template-columns:190px minmax(0,1fr) auto;gap:.75rem;align-items:center;border:1px solid #e1e7ef;border-radius:16px;padding:.7rem;background:#fbfdff;margin:.45rem 0}.copy-row code{overflow:auto;white-space:nowrap}.copy-btn{border:0;border-radius:10px;background:#e8f1ff;color:#174f9d;font-weight:800;padding:.5rem .7rem;cursor:pointer}@media(max-width:900px){.hero,.product-hero,.content-grid,.ticket-grid,.footer-grid,.admin-layout{grid-template-columns:1fr}.card-grid,.metric-grid{grid-template-columns:1fr 1fr}.sidebar{position:relative;height:auto}.nav-links{display:none}.form-grid,.toggle-grid{grid-template-columns:1fr}.span-2{grid-column:span 1}.copy-row{grid-template-columns:1fr}.topbar{height:auto;padding:1rem;gap:1rem;flex-wrap:wrap}}@media(max-width:560px){h1{font-size:1.85rem}.card-grid,.metric-grid{grid-template-columns:1fr}.public-main{padding:1rem}.list-card{display:block}.btn{width:100%}}
.attachment-gallery{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:.9rem}.attachment-thumb{width:104px;border:1px solid #dce5ef;background:#fff;border-radius:14px;padding:.45rem;cursor:pointer;text-align:left;box-shadow:0 8px 24px rgba(18,32,52,.06)}.attachment-thumb img{width:100%;height:72px;object-fit:cover;border-radius:10px;background:#eef2f7;display:block}.attachment-thumb span,.attachment-file span:last-child{display:block;margin-top:.35rem;font-size:.74rem;line-height:1.2;color:#344150;word-break:break-word}.attachment-file{display:flex;align-items:center;gap:.55rem;border:1px solid #dce5ef;background:#fff;border-radius:14px;padding:.65rem .8rem;min-height:54px}.file-icon{display:inline-flex;align-items:center;justify-content:center;border-radius:10px;background:#eef4ff;color:#114a95;font-weight:800;font-size:.72rem;padding:.35rem .45rem}.attachment-deleted{font-size:.82rem;color:#7a8794;background:#f3f5f8;border:1px solid #e1e7ef;border-radius:12px;padding:.55rem .7rem}.attachment-modal{position:fixed;inset:0;z-index:9999;display:none;align-items:center;justify-content:center;padding:1.25rem}.attachment-modal.is-open{display:flex}.attachment-modal-backdrop{position:absolute;inset:0;background:rgba(7,13,20,.72);backdrop-filter:blur(4px)}.attachment-modal-card{position:relative;z-index:1;background:#fff;border-radius:22px;box-shadow:0 30px 90px rgba(0,0,0,.35);width:min(960px,96vw);max-height:92vh;padding:1rem;display:grid;gap:.75rem}.attachment-modal-card img{max-width:100%;max-height:76vh;object-fit:contain;border-radius:16px;background:#f3f5f8;margin:0 auto}.attachment-modal-title{font-weight:800;color:#172232;padding-right:3rem;word-break:break-word}.attachment-modal-close{position:absolute;right:1rem;top:.8rem;border:0;background:#eef2f7;color:#172232;width:36px;height:36px;border-radius:999px;font-size:1.6rem;line-height:1;cursor:pointer}@media(max-width:560px){.attachment-thumb{width:92px}.attachment-thumb img{height:64px}.attachment-modal-card{padding:.75rem;border-radius:18px}}

/* Ticket attachments must remain compact thumbnails in the thread. Full-size images only appear inside the modal preview. */
.ticket-message .attachment-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,104px));gap:.7rem;align-items:start;margin-top:.9rem}
.ticket-message .attachment-thumb{appearance:none;-webkit-appearance:none;width:104px !important;max-width:104px !important;min-width:104px !important;border:1px solid #dce5ef;background:#fff;border-radius:14px;padding:.45rem;cursor:pointer;text-align:left;box-shadow:0 8px 24px rgba(18,32,52,.06);overflow:hidden}
.ticket-message .attachment-thumb-frame{display:block;width:88px !important;height:64px !important;max-width:88px !important;max-height:64px !important;overflow:hidden;border-radius:10px;background:#eef2f7}
.ticket-message .attachment-thumb img{width:88px !important;height:64px !important;max-width:88px !important;max-height:64px !important;min-width:88px !important;min-height:64px !important;object-fit:cover !important;border-radius:10px;background:#eef2f7;display:block !important;margin:0 !important}
.ticket-message .attachment-thumb-name{display:block;margin-top:.35rem;font-size:.74rem;line-height:1.2;color:#344150;word-break:break-word;max-height:2.4em;overflow:hidden}
.ticket-message .attachment-gallery>a img,.ticket-message .attachment-gallery>img{width:88px !important;height:64px !important;max-width:88px !important;max-height:64px !important;object-fit:cover !important}
.attachment-modal-card img{width:auto !important;height:auto !important;max-width:100% !important;max-height:76vh !important;object-fit:contain !important}
@media(max-width:560px){.ticket-message .attachment-gallery{grid-template-columns:repeat(auto-fill,minmax(92px,92px))}.ticket-message .attachment-thumb{width:92px !important;max-width:92px !important;min-width:92px !important}.ticket-message .attachment-thumb-frame,.ticket-message .attachment-thumb img{width:76px !important;height:56px !important;max-width:76px !important;max-height:56px !important;min-width:76px !important;min-height:56px !important}}
.ticket-filter-form{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.85rem;align-items:end}.ticket-filter-form .filter-actions{display:flex;gap:.6rem;align-items:center}.empty-state{padding:1rem;color:#647282}.danger-zone{margin-top:1.25rem;border-top:1px solid #f1c5c0;padding-top:1rem}.danger-zone h2{color:#8f1d14}.danger-zone p{font-size:.92rem;color:#75504b}@media(max-width:1000px){.ticket-filter-form{grid-template-columns:repeat(2,minmax(0,1fr))}.ticket-filter-form .filter-actions{grid-column:span 2}}@media(max-width:560px){.ticket-filter-form{grid-template-columns:1fr}.ticket-filter-form .filter-actions{grid-column:span 1;display:grid}.ticket-filter-form .btn{width:100%}}