:root{--bg: #f2f4f7;--surface: #ffffff;--text: #0b0c0f;--text2: #6b7280;--accent: #007aff;--accent2: #e8f1ff;--green: #34c759;--green-bg: #e6f9ec;--blue: #007aff;--blue-bg: #e8f1ff;--orange: #ff9500;--orange-bg: #fff3e0;--purple: #af52de;--purple-bg: #f6ebfd;--red: #ff3b30;--radius: 18px;--shadow: 0 4px 24px rgba(11, 12, 15, .06)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Plus Jakarta Sans,-apple-system,sans-serif;background:radial-gradient(600px 300px at 90% -50px,#dcebff 0%,transparent 70%),radial-gradient(500px 300px at -10% 30%,#e6f9ec 0%,transparent 70%),var(--bg);color:var(--text);min-height:100vh;-webkit-font-smoothing:antialiased}.topbar{display:flex;align-items:center;justify-content:center;padding:16px 20px;position:sticky;top:0;background:#f2f4f7cc;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);z-index:10}.topbar-inner{display:flex;align-items:center;justify-content:flex-start;width:100%;gap:14px}.logo-img{height:24px;width:auto;border-radius:8px;display:block}.menu-btn{width:36px;height:36px;border:none;border-radius:12px;background:var(--surface);color:var(--text);display:grid;place-items:center;cursor:pointer;box-shadow:var(--shadow);transition:transform .15s ease}.menu-btn:active{transform:scale(.92)}.menu-btn svg{width:20px;height:20px}.menu-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0b0c0f66;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s;z-index:40}.menu-overlay.show{opacity:1;visibility:visible}.menu-drawer{position:fixed;top:0;left:0;bottom:0;width:280px;max-width:82vw;background:var(--surface);padding:20px 14px;display:flex;flex-direction:column;gap:4px;transform:translate(-100%);transition:transform .32s cubic-bezier(.32,.72,0,1);z-index:50;box-shadow:10px 0 40px #0b0c0f1f;overflow-y:auto}.menu-drawer.open{transform:translate(0)}.drawer-head{display:flex;align-items:center;justify-content:space-between;padding:4px 6px 18px;border-bottom:1px solid #eef0f3;margin-bottom:12px}.drawer-logo{height:30px;width:auto;border-radius:8px}.drawer-close{width:34px;height:34px;border:none;border-radius:50%;background:var(--bg);color:var(--text2);display:grid;place-items:center;cursor:pointer;transition:transform .15s ease}.drawer-close:active{transform:scale(.9)}.drawer-close svg{width:18px;height:18px}.menu-drawer a{display:flex;align-items:center;gap:14px;padding:14px;border-radius:14px;text-decoration:none;color:var(--text);font-weight:600;font-size:15px;transition:background .15s ease,color .15s ease}.menu-drawer a svg{width:21px;height:21px;color:var(--text2);flex-shrink:0}.menu-drawer a:hover,.menu-drawer a:active{background:var(--accent2);color:var(--accent)}.menu-drawer a:hover svg,.menu-drawer a:active svg{color:var(--accent)}.hero{text-align:center;padding:8px 20px 28px;animation:rise .6s ease both}.banner-img{width:100%;max-width:960px;border-radius:20px;box-shadow:var(--shadow);display:block;margin:0 auto 24px}.hero h1{font-size:30px;font-weight:800;letter-spacing:-.5px}.hero .sub{color:var(--text2);margin-top:8px;font-size:15px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 24px;border-radius:999px;font-weight:700;font-size:15px;text-decoration:none;border:none;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;font-family:inherit}.btn svg{width:18px;height:18px}.btn:active{transform:scale(.96)}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 6px 20px #007aff59}.btn-secondary{background:var(--surface);color:var(--text);box-shadow:var(--shadow)}.btn-whatsapp{background:#25d366;color:#fff}.btn-telegram{background:#229ed9;color:#fff}.btn-full{width:100%;margin-top:8px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;padding:8px 20px 24px;max-width:960px;margin:0 auto}.card{background:var(--surface);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow);text-decoration:none;color:inherit;transition:transform .18s ease,box-shadow .18s ease;animation:rise .6s ease both}.card:nth-child(2){animation-delay:.07s}.card:nth-child(3){animation-delay:.14s}.card:nth-child(4){animation-delay:.21s}.card:hover{transform:translateY(-4px);box-shadow:0 10px 32px #0b0c0f1a}.card:active{transform:scale(.98)}.card-icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;margin-bottom:14px}.card-icon svg{width:24px;height:24px}.card-icon.big{width:72px;height:72px;border-radius:22px;margin:0 auto 18px}.card-icon.big svg{width:36px;height:36px}.card-icon.green{background:var(--green-bg);color:var(--green)}.card-icon.blue{background:var(--blue-bg);color:var(--blue)}.card-icon.orange{background:var(--orange-bg);color:var(--orange)}.card-icon.purple{background:var(--purple-bg);color:var(--purple)}.card h3{font-size:17px;font-weight:700}.card p{color:var(--text2);font-size:13.5px;margin-top:6px;line-height:1.5}.card-icon-img{width:56px;height:56px;border-radius:16px;object-fit:cover;margin-bottom:14px;display:block}.faq{max-width:720px;margin:0 auto;padding:24px 20px 40px}.faq h2{font-size:22px;font-weight:800;margin-bottom:16px}.faq-item{background:var(--surface);border-radius:16px;box-shadow:var(--shadow);margin-bottom:10px;overflow:hidden}.faq-item summary{list-style:none;padding:18px 20px;font-weight:700;font-size:15px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:12px}.faq-item summary::-webkit-details-marker{display:none}.chev{width:18px;height:18px;color:var(--text2);transition:transform .25s ease;flex-shrink:0}.faq-item[open] .chev{transform:rotate(180deg)}.faq-item p{padding:0 20px 18px;color:var(--text2);font-size:14px;line-height:1.6}.page{max-width:560px;margin:0 auto;padding:24px 20px 48px;animation:rise .5s ease both}.back{display:inline-flex;align-items:center;gap:4px;color:var(--accent);font-weight:700;text-decoration:none;margin-bottom:20px;font-size:15px}.back svg{width:18px;height:18px}.page h1{font-size:26px;font-weight:800;letter-spacing:-.4px}.page .sub{color:var(--text2);margin:6px 0 22px;font-size:14.5px}.form label{display:block;font-size:13px;font-weight:700;margin:14px 0 6px;text-transform:uppercase;letter-spacing:.4px;color:var(--text2)}.form label span{color:var(--red)}.form input,.form textarea,.form select{width:100%;padding:14px 16px;border:1.5px solid #e3e6ea;border-radius:14px;font-size:15px;font-family:inherit;background:var(--surface);transition:border-color .15s ease,box-shadow .15s ease;resize:vertical}.form input:focus,.form textarea:focus,.form select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 4px #007aff1f}.form input[type=file]{padding:10px 12px;font-size:13.5px}.upload-box{display:flex;flex-direction:column;align-items:center;gap:6px;padding:28px 16px;border:2px dashed #d3d8df;border-radius:16px;background:#fafbfc;cursor:pointer;text-align:center;transition:border-color .2s ease,background .2s ease;margin-bottom:4px}.upload-box:hover,.upload-box:active{border-color:var(--accent);background:var(--accent2)}.upload-icon{width:52px;height:52px;border-radius:16px;background:var(--accent2);color:var(--accent);display:grid;place-items:center;margin-bottom:4px}.upload-icon svg{width:26px;height:26px}.upload-title{font-weight:700;font-size:15px;color:var(--text)}.upload-hint{font-size:12.5px;color:var(--text2)}.upload-preview{position:relative;display:flex;align-items:center;justify-content:center;border-radius:16px;overflow:hidden;background:var(--surface);box-shadow:var(--shadow);margin-bottom:4px}.upload-preview img{max-width:100%;max-height:220px;object-fit:contain;display:block}.preview-remove{position:absolute;top:10px;right:10px;width:32px;height:32px;border:none;border-radius:50%;background:#0b0c0fa6;color:#fff;display:grid;place-items:center;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.preview-remove:active{transform:scale(.9)}.preview-remove svg{width:16px;height:16px}.loading-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#ffffffbf;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:grid;place-items:center;opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s;z-index:100}.loading-overlay.show{opacity:1;visibility:visible}.loading-card{background:var(--surface);border-radius:24px;box-shadow:0 16px 48px #0b0c0f29;padding:36px 44px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px;transform:scale(.94);transition:transform .25s ease}.loading-overlay.show .loading-card{transform:scale(1)}.spinner{width:44px;height:44px;border:4px solid var(--accent2);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite;margin-bottom:8px}@keyframes spin{to{transform:rotate(360deg)}}.loading-title{font-weight:800;font-size:17px}.loading-sub{font-size:13px;color:var(--text2)}.error-box{background:#ffe9e7;color:var(--red);padding:12px 16px;border-radius:12px;font-size:14px;font-weight:600;margin-bottom:10px}.success-box{background:var(--surface);border-radius:24px;box-shadow:var(--shadow);text-align:center;padding:44px 28px;margin-top:40px}.success-box h2{font-size:24px;font-weight:800;margin-bottom:8px}.success-box p{color:var(--text2);font-size:15px;margin-bottom:24px;line-height:1.6}.contact-strip{max-width:720px;margin:0 auto;padding:0 20px 24px;text-align:center}.contact-strip h2{font-size:20px;font-weight:800;margin-bottom:16px}.strip-btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.footer{text-align:center;padding:16px;color:var(--text2);font-size:13px}.ticket-list{display:flex;flex-direction:column;gap:12px}.ticket{background:var(--surface);border-radius:16px;padding:18px;box-shadow:var(--shadow)}.ticket-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.badge{background:var(--accent2);color:var(--accent);font-size:12px;font-weight:700;padding:5px 12px;border-radius:999px}.ticket-date{color:var(--text2);font-size:12px}.ticket-row{font-size:14px;color:var(--text);margin-top:5px;line-height:1.5}.ticket-row strong{color:var(--text2)}@keyframes rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 640px){.hero h1{font-size:24px}.hero{padding:4px 16px 24px}.cards{grid-template-columns:1fr 1fr;gap:10px;padding:4px 16px 20px}.card{padding:16px 14px;border-radius:16px}.card-icon-img{width:44px;height:44px;border-radius:12px;margin-bottom:10px}.card h3{font-size:14px}.card p{font-size:12px}.faq{padding:16px 16px 32px}.faq h2{font-size:18px}.page{padding:20px 16px 40px}.page h1{font-size:22px}.banner-img{border-radius:14px;margin-bottom:18px}.topbar{padding:12px 16px}.contact-strip{padding:0 16px 20px}.strip-btns .btn{padding:12px 20px;font-size:14px}.ticket{padding:14px}.ticket-head{flex-direction:column;align-items:flex-start;gap:6px}}.img-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#0b0c0fb3;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:grid;place-items:center;padding:20px;opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s;z-index:100}.img-modal.show{opacity:1;visibility:visible}.img-modal-inner{position:relative;max-width:92vw;max-height:85vh}.img-modal-inner img{max-width:92vw;max-height:85vh;border-radius:16px;box-shadow:0 20px 60px #0006;display:block}.img-modal-close{position:absolute;top:10px;right:10px;width:36px;height:36px;border:none;border-radius:50%;background:#ffffffe6;color:#0b0c0f;display:grid;place-items:center;cursor:pointer}.img-modal-close svg{width:18px;height:18px}.view-btn{padding:8px 20px;font-size:13px;margin-top:8px}:root{--a-bg: #f4f6f8;--a-surface: #ffffff;--a-line: #e2e6ea;--a-line-strong: #cfd6dd;--a-text: #14181d;--a-text2: #677480;--a-accent: #1f6feb;--a-accent-soft: #eaf1fe;--a-green: #17a34a;--a-green-soft: #e7f6ed;--a-orange: #d97a00;--a-orange-soft: #fdf1df;--a-red: #d92d20;--a-red-soft: #fdeceb;--a-radius: 10px}.admin-body{font-family:Plus Jakarta Sans,-apple-system,sans-serif;background:var(--a-bg);color:var(--a-text);min-height:100vh;-webkit-font-smoothing:antialiased}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:24px}.login-box{width:100%;max-width:380px;background:var(--a-surface);border:1px solid var(--a-line);border-radius:14px;padding:32px 28px}.login-mark{width:54px;height:54px;border:1px solid var(--a-line);border-radius:12px;background:var(--a-accent-soft);color:var(--a-accent);display:grid;place-items:center;margin:0 auto 16px}.login-mark svg{width:26px;height:26px}.login-box h1{font-size:21px;font-weight:800;text-align:center;letter-spacing:-.3px}.login-box .login-sub{text-align:center;color:var(--a-text2);font-size:13.5px;margin:6px 0 22px;line-height:1.5}.a-label{display:block;font-size:12px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:var(--a-text2);margin:0 0 6px}.a-input{width:100%;padding:12px 14px;border:1px solid var(--a-line-strong);border-radius:var(--a-radius);font-size:14.5px;font-family:inherit;background:var(--a-surface);color:var(--a-text);transition:border-color .15s ease}.a-input:focus{outline:none;border-color:var(--a-accent)}.a-alert{display:flex;align-items:center;gap:8px;padding:11px 14px;border-radius:var(--a-radius);font-size:13.5px;font-weight:600;margin-bottom:14px;border:1px solid transparent}.a-alert svg{width:17px;height:17px;flex-shrink:0}.a-alert.error{background:var(--a-red-soft);color:var(--a-red);border-color:#f6c6c1}.a-alert.ok{background:var(--a-green-soft);color:var(--a-green);border-color:#bfe6cd}.a-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 18px;border-radius:var(--a-radius);border:1px solid var(--a-line-strong);background:var(--a-surface);color:var(--a-text);font-family:inherit;font-size:14px;font-weight:700;cursor:pointer;text-decoration:none;transition:background .15s ease,border-color .15s ease}.a-btn svg{width:17px;height:17px}.a-btn:hover{background:#f7f9fb}.a-btn-primary{background:var(--a-accent);border-color:var(--a-accent);color:#fff}.a-btn-primary:hover{background:#1a5fd0;border-color:#1a5fd0}.a-btn-danger{background:var(--a-red);border-color:var(--a-red);color:#fff}.a-btn-danger:hover{background:#bf261b;border-color:#bf261b}.a-btn-block{width:100%}.a-btn-sm{padding:8px 12px;font-size:13px;border-radius:8px}.admin-shell{display:flex;min-height:100vh}.admin-side{width:236px;flex-shrink:0;background:var(--a-surface);border-right:1px solid var(--a-line);display:flex;flex-direction:column;padding:18px 14px;gap:6px;position:sticky;top:0;height:100vh}.admin-brand{display:flex;align-items:center;gap:10px;padding:6px 8px 18px;border-bottom:1px solid var(--a-line);margin-bottom:14px}.admin-brand img{width:32px;height:32px;border-radius:8px;object-fit:cover}.admin-brand span{font-weight:800;font-size:15px;letter-spacing:-.2px}.admin-nav-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--a-text2);padding:8px 10px 4px}.admin-nav a{display:flex;align-items:center;gap:11px;padding:11px 12px;border-radius:var(--a-radius);text-decoration:none;color:var(--a-text);font-weight:600;font-size:14px;border:1px solid transparent}.admin-nav a svg{width:18px;height:18px;color:var(--a-text2);flex-shrink:0}.admin-nav a:hover{background:#f7f9fb}.admin-nav a.active{background:var(--a-accent-soft);color:var(--a-accent);border-color:#cfe0fb}.admin-nav a.active svg{color:var(--a-accent)}.admin-side-foot{margin-top:auto;border-top:1px solid var(--a-line);padding-top:12px}.admin-main{flex:1;min-width:0;display:flex;flex-direction:column}.admin-topbar{display:flex;align-items:center;gap:12px;padding:16px 24px;background:var(--a-surface);border-bottom:1px solid var(--a-line);position:sticky;top:0;z-index:20}.admin-topbar h1{font-size:17px;font-weight:800;letter-spacing:-.2px}.admin-topbar .admin-topbar-sub{font-size:12.5px;color:var(--a-text2)}.admin-side-toggle{display:none;width:36px;height:36px;border:1px solid var(--a-line-strong);border-radius:9px;background:var(--a-surface);color:var(--a-text);place-items:center;cursor:pointer}.admin-side-toggle svg{width:19px;height:19px}.admin-content{padding:22px 24px 48px}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin-bottom:22px}.stat{background:var(--a-surface);border:1px solid var(--a-line);border-radius:var(--a-radius);padding:16px}.stat-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.stat-label{font-size:12.5px;font-weight:700;color:var(--a-text2);text-transform:uppercase;letter-spacing:.4px}.stat-ico{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;border:1px solid var(--a-line)}.stat-ico svg{width:17px;height:17px}.stat-ico.blue{background:var(--a-accent-soft);color:var(--a-accent);border-color:#cfe0fb}.stat-ico.green{background:var(--a-green-soft);color:var(--a-green);border-color:#bfe6cd}.stat-ico.orange{background:var(--a-orange-soft);color:var(--a-orange);border-color:#f2d6a6}.stat-value{font-size:26px;font-weight:800;letter-spacing:-.5px}.admin-toolbar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px}.admin-search{flex:1;min-width:200px;position:relative}.admin-search svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:17px;height:17px;color:var(--a-text2)}.admin-search input{width:100%;padding:11px 14px 11px 38px;border:1px solid var(--a-line-strong);border-radius:var(--a-radius);font-size:14px;font-family:inherit}.admin-search input:focus{outline:none;border-color:var(--a-accent)}.table-wrap{background:var(--a-surface);border:1px solid var(--a-line);border-radius:var(--a-radius);overflow:hidden}.data-table{width:100%;border-collapse:collapse;font-size:13.5px}.data-table thead th{text-align:left;padding:12px 14px;font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--a-text2);background:#f9fbfc;border-bottom:1px solid var(--a-line);white-space:nowrap}.data-table tbody td{padding:12px 14px;border-bottom:1px solid var(--a-line);vertical-align:middle;color:var(--a-text)}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr:hover{background:#f9fbfc}.data-table .cell-strong{font-weight:700}.data-table .cell-muted{color:var(--a-text2)}.a-badge{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:700;padding:4px 10px;border-radius:6px;border:1px solid var(--a-line);white-space:nowrap}.a-badge.blue{background:var(--a-accent-soft);color:var(--a-accent);border-color:#cfe0fb}.a-badge.green{background:var(--a-green-soft);color:var(--a-green);border-color:#bfe6cd}.a-badge.orange{background:var(--a-orange-soft);color:var(--a-orange);border-color:#f2d6a6}.a-badge.red{background:var(--a-red-soft);color:var(--a-red);border-color:#f6c6c1}.a-badge.grey{background:#f1f4f6;color:var(--a-text2)}.flat-list{display:flex;flex-direction:column;gap:10px}.flat-card{background:var(--a-surface);border:1px solid var(--a-line);border-radius:var(--a-radius);padding:15px}.flat-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.flat-card-date{font-size:12px;color:var(--a-text2)}.flat-row{font-size:13.5px;line-height:1.6;margin-top:4px}.flat-row strong{color:var(--a-text2);font-weight:600}.flat-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.admin-empty{background:var(--a-surface);border:1px solid var(--a-line);border-radius:var(--a-radius);text-align:center;padding:48px 24px}.admin-empty svg{width:40px;height:40px;color:var(--a-text2);margin-bottom:12px}.admin-empty h2{font-size:17px;font-weight:800;margin-bottom:6px}.admin-empty p{color:var(--a-text2);font-size:13.5px}.a-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#14181d8c;display:grid;place-items:center;padding:20px;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s;z-index:100}.a-modal.show{opacity:1;visibility:visible}.a-modal-card{background:var(--a-surface);border:1px solid var(--a-line);border-radius:14px;width:100%;max-width:520px;max-height:88vh;overflow:auto}.a-modal-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px 18px;border-bottom:1px solid var(--a-line);position:sticky;top:0;background:var(--a-surface)}.a-modal-head h3{font-size:15.5px;font-weight:800}.a-modal-close{width:32px;height:32px;border:1px solid var(--a-line-strong);border-radius:8px;background:var(--a-surface);color:var(--a-text2);display:grid;place-items:center;cursor:pointer}.a-modal-close svg{width:16px;height:16px}.a-modal-body{padding:18px}.a-modal-body img{max-width:100%;border:1px solid var(--a-line);border-radius:var(--a-radius);display:block}.detail-grid{display:flex;flex-direction:column;gap:10px}.detail-item{display:flex;flex-direction:column;gap:2px}.detail-item .k{font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:var(--a-text2)}.detail-item .v{font-size:14px;line-height:1.5;word-break:break-word}@media (max-width: 860px){.admin-side{position:fixed;left:0;top:0;z-index:60;transform:translate(-100%);transition:transform .25s ease}.admin-side.open{transform:translate(0)}.admin-side-toggle{display:grid}.admin-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#14181d73;z-index:55;opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s}.admin-backdrop.show{opacity:1;visibility:visible}.admin-topbar{padding:14px 16px}.admin-content{padding:16px 16px 40px}}@media (min-width: 861px){.admin-backdrop{display:none}}:root{--chat-accent: #007aff;--chat-accent-soft: #e8f1ff;--chat-green: #34c759;--chat-red: #ff3b30;--chat-line: #e7eaee;--chat-radius: 16px;--chat-bg: #f6f8fb}.chat-page{max-width:780px;margin:0 auto}.chat-shell{display:flex;flex-direction:column;height:calc(100vh - 300px);min-height:440px;margin-top:18px;background:var(--surface, #fff);border:1px solid var(--chat-line);border-radius:var(--chat-radius);box-shadow:var(--shadow, 0 4px 24px rgba(11, 12, 15, .06));overflow:hidden}.chat-head{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--chat-line);background:#fff;flex-shrink:0}.chat-head-avatar{width:42px;height:42px;border-radius:50%;overflow:hidden;flex-shrink:0;background:var(--chat-accent-soft);display:grid;place-items:center}.chat-head-avatar img{width:100%;height:100%;object-fit:cover}.chat-head-txt h3{margin:0;font-size:15px;font-weight:800;letter-spacing:-.2px}.chat-status{display:flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;color:var(--text2, #6b7280);margin-top:2px}.chat-dot{width:8px;height:8px;border-radius:50%;background:#c2c8cf}.chat-status.on{color:var(--chat-green)}.chat-status.on .chat-dot{background:var(--chat-green)}.chat-head-back{margin-left:auto;width:36px;height:36px;border-radius:50%;border:1px solid var(--chat-line);background:#fff;color:var(--text2, #6b7280);display:grid;place-items:center;cursor:pointer;flex-shrink:0}.chat-head-back:hover{color:var(--chat-accent);border-color:var(--chat-accent)}.chat-body{flex:1;overflow-y:auto;padding:16px 14px;background:var(--chat-bg);display:flex;flex-direction:column;gap:10px}.chat-empty{text-align:center;color:var(--text2, #6b7280);font-size:13.5px;padding:30px 10px}.msg-row{display:flex}.msg-row.me{justify-content:flex-end}.msg-bubble{max-width:78%;background:#fff;border:1px solid var(--chat-line);border-radius:16px 16px 16px 6px;padding:8px 12px 6px;box-shadow:0 1px 2px #0000000a}.msg-row.me .msg-bubble{background:var(--chat-accent);border-color:var(--chat-accent);color:#fff;border-radius:16px 16px 6px}.msg-bubble.media{min-width:170px}.msg-text{font-size:14.5px;line-height:1.45;white-space:pre-wrap;word-break:break-word}.msg-edited{font-style:normal;font-size:11px;opacity:.7;margin-left:6px}.msg-quote{border-left:3px solid var(--chat-accent);background:var(--chat-accent-soft);border-radius:8px;padding:5px 8px;margin-bottom:6px;font-size:12.5px;color:var(--text, #0b0c0f)}.msg-row.me .msg-quote{border-left-color:#fffc;background:#ffffff2e;color:#fff}.msg-quote b{display:block;font-size:11.5px}.msg-quote span{display:block;opacity:.85;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:220px}.msg-image{display:block;padding:0;border:none;background:none;cursor:pointer;max-width:100%}.msg-image img{max-width:230px;width:100%;border-radius:10px;display:block}.msg-file{display:flex;align-items:center;gap:9px;min-width:210px;max-width:280px}.msg-file-ic{width:36px;height:36px;border-radius:9px;display:grid;place-items:center;background:var(--chat-accent-soft);color:var(--chat-accent);flex-shrink:0}.msg-row.me .msg-file-ic{background:#fff3;color:#fff}.msg-file-meta{min-width:0;flex:1}.msg-file-meta b{display:block;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.msg-file-meta i{font-style:normal;font-size:11.5px;opacity:.7}.msg-file-acts{display:flex;gap:6px;align-items:center}.msg-file-acts button{border:1px solid var(--chat-line);background:#fff;color:var(--text, #0b0c0f);border-radius:8px;font-size:12px;font-weight:700;padding:5px 9px;cursor:pointer;display:flex;align-items:center;gap:4px;white-space:nowrap}.msg-row.me .msg-file-acts button{background:#ffffff26;border-color:#fff6;color:#fff}.msg-meta{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:4px;font-size:11px;opacity:.75}.msg-meta button{background:none;border:none;padding:2px;cursor:pointer;color:inherit;display:grid;place-items:center;opacity:.85}.msg-meta button:hover{opacity:1}.msg-meta button.danger:hover{color:var(--chat-red)}.chat-composer{border-top:1px solid var(--chat-line);padding:10px 12px;background:#fff;flex-shrink:0}.chat-chip{display:flex;align-items:center;justify-content:space-between;gap:8px;background:var(--chat-accent-soft);color:var(--chat-accent);border-radius:10px;padding:7px 10px;font-size:12.5px;font-weight:600;margin-bottom:8px}.chat-chip span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-chip button{background:none;border:none;color:inherit;cursor:pointer;display:grid;place-items:center;flex-shrink:0}.chat-input-row{display:flex;align-items:center;gap:8px}.chat-tool{width:38px;height:38px;border-radius:50%;border:1px solid var(--chat-line);background:#fff;color:var(--text2, #6b7280);display:grid;place-items:center;cursor:pointer;flex-shrink:0}.chat-tool:hover{color:var(--chat-accent);border-color:var(--chat-accent)}.chat-input{flex:1;min-width:0;height:40px;border:1px solid var(--chat-line);border-radius:20px;padding:0 16px;font:inherit;font-size:14.5px;background:var(--chat-bg);outline:none;color:var(--text, #0b0c0f)}.chat-input:focus{border-color:var(--chat-accent);background:#fff}.chat-send{width:40px;height:40px;border-radius:50%;border:none;background:var(--chat-accent);color:#fff;display:grid;place-items:center;cursor:pointer;flex-shrink:0}.chat-send:disabled{opacity:.6}.chat-join-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:120;background:#0b0c0f8c;display:flex;align-items:center;justify-content:center;padding:18px;animation:chatFade .18s ease}.chat-join{width:100%;max-width:420px;background:#fff;border-radius:20px;padding:24px 20px;max-height:92vh;overflow-y:auto;box-shadow:0 24px 60px #0000004d}.chat-join-head{text-align:center;margin-bottom:6px}.chat-join-avatar{width:56px;height:56px;border-radius:50%;overflow:hidden;margin:0 auto 10px;border:3px solid var(--chat-accent-soft);background:var(--chat-accent-soft)}.chat-join-avatar img{width:100%;height:100%;object-fit:cover}.chat-join h2{margin:0 0 4px;font-size:19px;letter-spacing:-.3px}.chat-join p{margin:0;font-size:13.5px;color:var(--text2, #6b7280)}.chat-join label{display:block;font-size:13px;font-weight:700;margin:14px 0 6px}.chat-join label span{color:var(--chat-red)}.chat-join input{width:100%;height:46px;border:1px solid var(--chat-line);border-radius:12px;padding:0 14px;font:inherit;font-size:15px;outline:none;box-sizing:border-box}.chat-join input:focus{border-color:var(--chat-accent)}.chat-join .btn{margin-top:18px}.chat-viewer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:130;background:#08090bed;display:flex;align-items:center;justify-content:center;padding:16px;animation:chatFade .15s ease}.chat-viewer img{max-width:96vw;max-height:86vh;object-fit:contain;border-radius:8px}.chat-viewer-close,.chat-viewer-dl{position:absolute;width:44px;height:44px;border-radius:50%;border:none;background:#ffffff29;color:#fff;display:grid;place-items:center;cursor:pointer}.chat-viewer-close{top:14px;right:14px}.chat-viewer-dl{bottom:18px;right:18px}.chat-viewer-close:hover,.chat-viewer-dl:hover{background:#ffffff4d}.chat-toast{position:fixed;left:50%;bottom:26px;transform:translate(-50%);z-index:140;background:#14181d;color:#fff;padding:10px 16px;border-radius:12px;font-size:13.5px;font-weight:600;box-shadow:0 8px 24px #00000040;max-width:90vw;text-align:center}@keyframes chatFade{0%{opacity:0}to{opacity:1}}@media (max-width: 640px){.chat-shell{height:calc(100vh - 250px);min-height:400px}.msg-bubble{max-width:86%}.msg-image img{max-width:200px}.msg-file{min-width:170px;max-width:100%}}