:root{font-family:Inter,Pretendard,system-ui,sans-serif;color:#16213a;background:#edf1f7;font-synthesis:none}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;min-width:320px}button,input,select{font:inherit}button{border:0;border-radius:10px;padding:11px 16px;color:#fff;background:#316bdb;cursor:pointer;font-weight:750;transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease}button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 7px 16px #316bdb33}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid rgba(49,107,219,.22);outline-offset:2px}button:disabled{color:#8992a3;background:#edf0f4;cursor:not-allowed}button.secondary{color:#316bdb;background:#eaf1ff}button.danger{background:#d6564b}button.danger:disabled{color:#8992a3;background:#edf0f4}.admin-header-actions{display:flex;align-items:center;gap:12px}h1,h2,p{margin-top:0}.shell{min-height:100vh;background:#edf1f7}.brand{margin-bottom:36px;font-size:22px;font-weight:850;letter-spacing:1px}.brand span{color:#316bdb}.brand.dark{color:#16213a}main{width:100%;max-width:1440px;margin:0 auto;padding:34px 42px}main>header,.section-head{display:flex;align-items:center;justify-content:space-between;gap:20px}.agent-brand{flex:0 0 auto;font-size:18px;font-weight:850;letter-spacing:1px}.agent-brand span{color:#316bdb}.agent-header-actions{display:flex;align-items:center;justify-content:flex-end;gap:16px}.page-heading{flex:1;min-width:0}main>header{margin-bottom:28px}.section-head{margin-bottom:18px}main>header h1{margin-bottom:7px;font-size:clamp(25px,3vw,34px)}.section-head h2{margin-bottom:6px;font-size:19px}main>header p,.section-head p{margin-bottom:0;color:#6d778c}.profile{display:flex;align-items:center;gap:10px;white-space:nowrap;color:#4f596e;font-weight:700}.profile span{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;color:#2754a6;background:#dce7ff}.link-button{padding:8px 10px;color:#687288;background:transparent;font-size:13px}.link-button:hover:not(:disabled){color:#316bdb;background:#f0f5ff;box-shadow:none}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:22px}.stats article{position:relative;overflow:hidden;padding:21px;background:#fff;border:1px solid #e2e7f0;border-radius:16px;box-shadow:0 10px 28px #21304f0f}.stats article:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:#316bdb}.stats article:first-child:before{background:#e4a72b}.stats article:last-child:before{background:#8a94a7}.stats span{color:#6d778c;font-size:13px;font-weight:700}.stats strong{display:block;margin-top:7px;font-size:31px}.card{margin-bottom:22px;padding:24px;background:#fff;border:1px solid #e2e7f0;border-radius:16px;box-shadow:0 10px 28px #21304f0f}.section-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px}.agent-notice{position:fixed;z-index:50;top:20px;right:20px;width:min(390px,calc(100vw - 40px));height:auto;display:block;padding:17px 18px;border:1px solid #cad9f4;border-left:5px solid #316bdb;border-radius:14px;color:#16213a;background:#fff;box-shadow:0 18px 46px #192d5338;animation:notice-in .2s ease-out}.agent-notice-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.agent-notice-heading strong{padding-top:7px;font-size:15px}.agent-notice-heading .link-button{min-width:34px;padding:4px 7px;font-size:22px;line-height:1}.agent-notice p{margin:7px 0 0;color:#566078;font-size:13px;line-height:1.55;overflow-wrap:anywhere}.agent-notice-action{width:100%;margin-top:13px;padding:10px 12px}@keyframes notice-in{0%{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{padding:15px 12px;text-align:left;border-bottom:1px solid #edf0f4}th{color:#778196;background:#f8f9fc;font-size:12px;letter-spacing:.04em}tbody tr:hover{background:#fafbfe}tbody tr:last-child td{border-bottom:0}.badge{display:inline-flex;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:800}.badge.waiting{color:#8b651e;background:#fff5db}.badge.active{color:#16835b;background:#e6f8f0}.badge.closed,.badge.expired{color:#687083;background:#eef0f4}.empty{padding:34px 16px!important;color:#8992a3;text-align:center}.error-box{margin:0 0 16px;padding:12px 14px;color:#a84239;background:#fff0ee;border:1px solid #f7d7d3;border-radius:10px;font-size:13px}.form-error{margin:14px 0 -4px}.conversation-log-card .section-head{align-items:flex-end}.compact-filter{margin:0}.conversation-log-scroll{max-height:460px;overflow-y:auto;overscroll-behavior:contain;border:1px solid #edf0f4;border-radius:10px}.conversation-log-scroll .table-wrap{overflow:visible}.conversation-log-scroll thead{position:sticky;z-index:1;top:0}.log-modal{width:min(760px,100%);max-height:calc(100dvh - 40px);display:grid;grid-template-rows:auto auto minmax(0,1fr);overflow:hidden;padding:26px;border-radius:18px;background:#fff;box-shadow:0 20px 50px #101b364d}.log-messages{min-height:220px;margin-top:20px;padding:18px;overflow-y:auto;overscroll-behavior:contain;border:1px solid #e2e7f0;border-radius:12px;background:#fbfcfe}.chat-card{position:relative;height:calc(100vh - 145px);min-height:560px;display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden;background:#fff;border:1px solid #e2e7f0;border-radius:18px;box-shadow:0 16px 38px #21304f1a}.chat-card>.error-box{position:absolute;z-index:2;top:92px;left:24px;right:24px}.chat-toolbar{padding:15px 18px;display:flex;justify-content:space-between;align-items:center;gap:14px;border-bottom:1px solid #e9edf4}.chat-actions{display:flex;align-items:center;gap:14px}.chat-actions>strong{min-width:60px;color:#d45b40;font-variant-numeric:tabular-nums;text-align:center}.mobile-chat-title{display:none}.connection{color:#d16a42;font-size:13px;font-weight:750}.connection.ok{color:#18865f}.chat-messages{padding:24px;overflow-y:auto;overscroll-behavior:contain;overflow-anchor:none;background:linear-gradient(#fbfcfe,#fff)}.bubble{max-width:min(76%,660px);margin-bottom:18px}.bubble small{color:#818a9c;font-size:12px}.bubble p{margin:6px 0 0;padding:13px 15px;border-radius:14px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}.bubble.theirs p{background:#f0f2f6;border-top-left-radius:4px}.bubble.mine{margin-left:auto;text-align:right}.bubble.mine p{color:#fff;background:#316bdb;border-top-right-radius:4px;text-align:left}.chat-composer{display:flex;gap:9px;padding:15px 18px 18px;border-top:1px solid #e9edf4}.chat-composer input{flex:1;min-width:0;padding:13px 14px;border:1px solid #d9dfe9;border-radius:10px;color:#16213a;background:#fff}.chat-composer input:disabled{background:#f5f6f8;opacity:.7}.chat-composer button{min-width:76px}.login-shell{min-height:100vh;display:grid;place-items:center;padding:28px;background:radial-gradient(circle at top,#f7f9fd,#edf1f7 58%)}.login-card{width:min(100%,430px);display:grid;gap:17px;padding:35px;background:#fff;border:1px solid #e2e7f0;border-radius:18px;box-shadow:0 18px 50px #21304f1f}.login-card .brand{margin-bottom:0}.login-card h1{margin-bottom:-7px}.login-card p,.login-card small{margin-bottom:0;color:#6d778c;line-height:1.5}.login-card label{display:grid;gap:8px;color:#4f596e;font-weight:700}.login-card input{width:100%;padding:12px;border:1px solid #d8deea;border-radius:9px}.login-card>button{padding:13px}.login-save-options{display:flex;flex-wrap:wrap;align-items:center;gap:10px 20px}.login-card .login-save-options label{display:inline-flex;align-items:center;gap:7px;color:#566078;font-size:13px;font-weight:500;cursor:pointer}.login-card .login-save-options input{width:16px;height:16px;margin:0;padding:0;border:1px solid #aeb8c8;border-radius:3px;accent-color:#316bdb;cursor:pointer}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:20px;background:#16213a8c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.confirm-modal{width:min(420px,100%);padding:27px;border-radius:16px;background:#fff;box-shadow:0 20px 50px #101b364d}.confirm-modal p{color:#6d778c;line-height:1.55}.confirm-modal div{display:flex;justify-content:flex-end;gap:10px}.password-form{display:grid;gap:14px}.password-form label{display:grid;gap:7px;color:#4f596e;font-weight:700}.password-form input{width:100%;padding:12px;border:1px solid #d8deea;border-radius:9px}.password-form .error-box{display:block}.password-form>div:last-child{margin-top:4px}.password-form .password-input-wrap{position:relative;display:block}.password-form .password-input-wrap input{padding-right:49px}.password-visibility{position:absolute;top:50%;right:3px;width:42px;height:42px;display:grid;place-items:center;padding:0;border-radius:8px;color:#687288;background:transparent;transform:translateY(-50%)}.password-visibility svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.password-visibility:hover:not(:disabled){color:#316bdb;background:#eef4ff;box-shadow:none;transform:translateY(-50%)}.qr-modal{width:min(560px,100%);max-height:calc(100dvh - 40px);overflow-y:auto;padding:26px;border-radius:18px;background:#fff;box-shadow:0 20px 50px #101b364d}.qr-modal-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.qr-modal-heading span{display:block;margin-bottom:5px;color:#316bdb;font-size:12px;font-weight:800}.qr-modal-heading h2{margin-bottom:0;font-size:21px}.qr-close{min-width:40px;color:#687288;font-size:25px;line-height:1}.qr-preview{width:min(320px,100%);aspect-ratio:1;margin:22px auto 18px;display:grid;place-items:center;overflow:hidden;border:1px solid #e2e7f0;border-radius:14px;background:#fff}.qr-preview img{display:block;width:100%;height:100%;object-fit:contain}.qr-preview .error-box{margin:16px}.qr-loading{color:#687288;font-weight:700}.qr-permanent-note{margin-bottom:14px;padding:13px 14px;color:#566078;background:#f2f6ff;border:1px solid #dce7fb;border-radius:10px;font-size:13px;line-height:1.6}.qr-permanent-note strong{color:#294d8c}.qr-url{display:block;overflow-wrap:anywhere;color:#316bdb;font-size:12px;line-height:1.5}.qr-license{display:inline-block;margin-top:9px;color:#687288;font-size:11px}.qr-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.admin-shell{max-width:1300px;margin:0 auto;padding:32px}.admin-shell header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.admin-shell .brand{margin-bottom:8px}.inline-form{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}.inline-form input,.inline-form select,.filter select{min-width:180px;padding:10px;border:1px solid #dfe4ed;border-radius:9px;background:#fff}.filter{display:flex;align-items:center;gap:12px;margin:22px 0;color:#566078;font-weight:700}.room-link-cell{min-width:220px}.room-link-cell a{margin-right:8px;color:#316bdb;font-weight:700;text-decoration:none}.room-link-cell a:hover{text-decoration:underline}.compact{padding:7px 10px;font-size:12px}@media(max-width:900px){main{padding:22px 16px 36px}.stats{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:640px){button{min-height:42px}main>header{align-items:flex-start;flex-wrap:wrap;margin-bottom:18px;gap:8px 12px}main>header .agent-brand{order:1;padding-top:7px}main>header .agent-header-actions{order:2;margin-left:auto;gap:6px}main>header .profile{font-size:0}main>header .page-heading{order:3;flex-basis:100%;padding-top:8px}main>header h1{margin-bottom:4px;font-size:24px}main>header p{font-size:13px;line-height:1.45}.profile span{width:34px;height:34px;font-size:12px}.profile .link-button{min-height:34px;padding:6px 4px;font-size:12px}.stats{gap:8px;margin-bottom:14px}.stats article{padding:13px 10px;border-radius:12px}.stats span{font-size:11px}.stats strong{margin-top:3px;font-size:24px}.card{margin-bottom:14px;padding:16px 13px;border-radius:13px}.section-head{align-items:flex-start;gap:10px}.section-head p{font-size:12px;line-height:1.45}.section-head>button{flex:0 0 auto;padding:9px 11px}.section-actions{flex:0 1 180px;flex-wrap:wrap}.section-actions button{flex:1 1 auto;min-height:38px;padding:8px 10px;font-size:12px}.agent-notice{top:max(10px,env(safe-area-inset-top));right:10px;width:calc(100vw - 20px);padding:14px 15px}.session-table,.admin-table{overflow:visible}.session-table table,.session-table tbody,.admin-table table,.admin-table tbody{display:block}.session-table thead,.admin-table thead{display:none}.session-table tr:not(.empty-row),.admin-table tr{display:grid;gap:8px;margin-bottom:10px;padding:12px;border:1px solid #e5eaf2;border-radius:12px;background:#fbfcfe}.session-table td,.admin-table td{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:2px 0;border:0;text-align:right}.session-table td:before,.admin-table td:before{content:attr(data-label);flex:0 0 auto;color:#778196;font-size:11px;font-weight:800;text-align:left}.session-table td:last-child,.admin-table td:last-child{margin-top:4px}.session-table td:last-child button,.admin-table td:last-child button{width:100%}.session-table .empty-row,.session-table .empty-row td{display:block}.session-table .empty-row td:before{display:none}.room-link-cell{min-width:0;flex-wrap:wrap}.room-link-cell a{margin-left:auto}.chat-shell{min-height:100dvh}.chat-page{height:100dvh;padding:0}.chat-page>header{display:none}.chat-card{height:100dvh;min-height:0;border:0;border-radius:0;box-shadow:none}.chat-toolbar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;padding:max(10px,env(safe-area-inset-top)) 10px 10px}.mobile-chat-title{min-width:0;display:grid;gap:2px;text-align:center}.mobile-chat-title strong{overflow:hidden;color:#16213a;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.mobile-chat-title span{overflow:hidden;color:#778196;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.chat-actions{flex-wrap:nowrap;justify-content:flex-end;gap:6px}.chat-toolbar button{min-height:38px;padding:8px 10px;font-size:12px}.chat-toolbar .connection{display:none}.chat-actions>strong{min-width:44px;font-size:12px}.chat-card>.error-box{top:68px;left:10px;right:10px}.chat-messages{padding:16px 12px}.bubble{max-width:88%;margin-bottom:14px}.bubble p{padding:11px 13px}.chat-composer{padding:10px 10px max(10px,env(safe-area-inset-bottom));background:#fff}.chat-composer input{padding:12px}.chat-composer button{min-width:64px;padding:10px 12px}.admin-shell{padding:16px 10px 30px}.admin-shell header{align-items:flex-start}.admin-shell h1{font-size:24px}.admin-header-actions{align-items:flex-end;flex-direction:column;gap:6px}.inline-form{display:grid;grid-template-columns:1fr}.inline-form input,.inline-form select,.inline-form button,.filter select{width:100%;min-width:0}.filter{align-items:stretch;flex-direction:column;gap:7px}.conversation-log-card .section-head{align-items:stretch;flex-direction:column}.conversation-log-scroll{max-height:520px;border:0}.conversation-log-scroll .session-table{overflow:visible}.log-modal{max-height:calc(100dvh - 20px);padding:20px 14px}.login-shell{padding:64px 14px 20px}.login-card{width:calc(100vw - 28px);min-width:0;padding:26px 20px}.modal-backdrop{padding:10px}.qr-modal{max-height:calc(100dvh - 20px);padding:20px 16px;border-radius:14px}.qr-modal-heading h2{font-size:18px}.qr-preview{width:min(280px,86vw);margin-top:16px}.qr-actions{display:grid;grid-template-columns:1fr 1fr}}.line-agent-shell{width:100%;height:100dvh;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden;background:#fff}.line-agent-topbar{position:relative;z-index:6;width:100%;min-width:0;min-height:58px;display:flex;align-items:center;gap:16px;padding:8px 16px;border-bottom:1px solid #dfe4ea;background:#fff;box-shadow:0 3px 12px #222d3d0a}.line-agent-admin-link{flex:0 0 auto;min-height:34px;padding:7px 11px;font-size:11px}.line-agent-topbar-actions{min-width:0;flex:0 0 auto;display:flex;flex-wrap:nowrap;align-items:center;justify-content:flex-end;gap:8px;margin-left:auto}.line-agent-controls{min-width:max-content;flex:0 0 auto;display:flex;align-items:center;gap:4px}.line-agent-controls .link-button{min-width:max-content;min-height:32px;flex:0 0 auto;padding:6px 8px;overflow:visible;font-size:11px;text-overflow:clip;white-space:nowrap}.line-agent-control-icon{display:none}.line-agent-workspace{width:100%;height:100%;min-height:0;display:grid;overflow:hidden;background:#fff}.line-agent-list{min-width:0;height:100%;min-height:0;display:flex;flex-direction:column;overflow:hidden;background:#fff}.line-agent-account{min-width:0;max-width:170px;flex:0 1 170px;display:grid;grid-template-columns:32px minmax(0,1fr);align-items:center;gap:8px;padding:5px 9px 5px 6px;border:1px solid #e3e8ef;border-radius:999px;background:#f8fafc}.line-agent-account>span{width:32px;height:32px;display:grid;place-items:center;color:#fff;background:#316bdb;border-radius:50%;font-size:12px;font-weight:900}.line-agent-account>strong{min-width:0;overflow:hidden;color:#273247;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.line-inbox-tabs{display:grid;grid-template-columns:1fr 1fr;padding:0 16px;border-bottom:1px solid #e9ecef}.line-inbox-tabs button{position:relative;padding:16px 4px 13px;color:#7d8591;background:transparent;border-radius:0;box-shadow:none;font-size:12px}.line-inbox-tabs button:hover{transform:none;box-shadow:none}.line-inbox-tabs button.active{color:#17202e}.line-inbox-tabs button.active:after{content:"";position:absolute;left:8px;right:8px;bottom:-1px;height:3px;border-radius:3px 3px 0 0;background:#08b64c}.line-inbox-tabs em{display:inline-grid;place-items:center;min-width:20px;height:20px;margin-left:5px;padding:0 6px;color:#fff;background:#9aa2ad;border-radius:999px;font-size:9px;font-style:normal}.line-inbox-tabs .active em{background:#08b64c}.line-inbox-tabs .line-unread-badge,.line-chat-badge{min-width:21px;height:21px;display:inline-grid;place-items:center;padding:0 6px;color:#fff;background:#d93232;border-radius:999px;font-size:10px;font-weight:850;line-height:1}.line-search{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:8px;margin:13px 15px 8px;padding:0 13px;color:#a5abb3;background:#f4f5f6;border-radius:10px}.line-search span{font-size:25px;transform:rotate(-15deg)}.line-search input{min-width:0;padding:13px 0;border:0;outline:0;background:transparent}.line-filters{display:grid;grid-template-columns:1fr 1fr auto;gap:7px;padding:0 15px 11px;border-bottom:1px solid #edf0f2}.line-filters select{min-width:0;padding:9px 7px;color:#5c6572;border:1px solid #dfe3e8;border-radius:8px;background:#fff;font-size:11px}.line-filters button{width:37px;padding:0;color:#5d6571;background:#f1f3f5}.line-inbox-error{flex:0 0 auto;margin:8px 14px}.line-conversation-list{min-height:0;flex:1 1 auto;overflow-y:auto}.line-conversation-item{width:100%;min-height:104px;display:grid;grid-template-columns:57px minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px 16px;color:#17202e;background:#fff;border-bottom:1px solid #eef0f2;border-radius:0;text-align:left}.line-conversation-item:hover,.line-conversation-item.selected{transform:none;box-shadow:none;background:#f3f5f7}.line-log-pagination{flex:0 0 auto;display:grid;grid-template-columns:68px minmax(0,1fr) 68px;align-items:center;gap:8px;padding:10px 14px;border-top:1px solid #e8ebef;background:#fff}.line-log-pagination button{padding:8px 6px;color:#344052;background:#f1f3f5;box-shadow:none;font-size:11px}.line-log-pagination button:disabled{color:#a9afb8;opacity:.7}.line-log-pagination>span{display:flex;align-items:center;justify-content:center;gap:4px;color:#6f7885;font-size:11px;white-space:nowrap}.line-log-pagination small{margin-left:5px;color:#959ca6;font-size:10px}.line-room-avatar{width:57px;height:57px;display:grid;place-items:center;overflow:hidden;color:#fff;background:linear-gradient(135deg,#8abce4,#79a5d1);border-radius:50%;font-size:15px;font-weight:850}.line-room-avatar img{width:100%;height:100%;display:block;object-fit:cover;border-radius:inherit}.line-conversation-item>span:nth-child(2){min-width:0;display:grid;gap:5px}.line-conversation-item strong,.line-conversation-item small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.line-conversation-item strong{font-size:13px}.line-conversation-item small{color:#707987;font-size:11px;font-weight:500}.line-conversation-item em{color:#9aa1ab;font-size:9px;font-style:normal}.line-conversation-item time{align-self:start;padding-top:7px;color:#a0a6af;font-size:9px;font-weight:500}.line-conversation-meta{align-self:center;display:grid;justify-items:end;gap:7px}.line-conversation-meta time{padding-top:0}.line-empty{display:grid;place-items:center;gap:9px;padding:58px 20px;color:#8d95a1;text-align:center}.line-empty span{width:48px;height:48px;display:grid;place-items:center;border-radius:50%;background:#f0f2f4;font-size:20px}.line-sidebar-resizer{position:relative;z-index:4;width:8px;min-width:8px;height:100%;padding:0;touch-action:none;cursor:col-resize;background:#f4f5f7;border:0;border-right:1px solid #dfe3e8;border-left:1px solid #e8ebef;border-radius:0;box-shadow:none}.line-sidebar-resizer:after{content:"";position:absolute;top:50%;left:2px;width:2px;height:46px;border-radius:99px;background:#b8bec7;transform:translateY(-50%);transition:background .15s,height .15s}.line-sidebar-resizer:hover,.line-sidebar-resizer:focus-visible{transform:none;background:#eaf2ff;box-shadow:none;outline:2px solid #4e7ed8;outline-offset:-2px}.line-sidebar-resizer:hover:after,.line-sidebar-resizer:focus-visible:after{height:64px;background:#4e7ed8}body.line-sidebar-resizing,body.line-sidebar-resizing *{cursor:col-resize!important;-webkit-user-select:none!important;user-select:none!important}.line-conversation-panel{position:relative;min-width:0;height:100%;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden;background:#fff}.line-conversation-header{min-height:78px;display:flex;align-items:center;gap:12px;padding:12px 20px;border-bottom:1px solid #e3e6ea}.line-conversation-header .line-room-avatar{width:46px;height:46px}.line-conversation-identity{min-width:0;flex:1 1 auto}.line-conversation-header h2{margin:0 0 4px;overflow:hidden;font-size:17px;text-overflow:ellipsis;white-space:nowrap}.line-conversation-header p{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;margin:0;color:#858d98;font-size:10px}.line-conversation-header p strong{color:#596477}.line-mobile-back{display:none;color:#505863;background:transparent;padding:3px;font-size:29px;box-shadow:none}.line-conversation-actions{flex:0 0 auto;display:flex;align-items:center;justify-content:flex-end;gap:9px;margin-left:auto}.line-conversation-actions>strong{min-width:50px;color:#e2674f;font-size:12px;text-align:right}.line-connection{color:#858c97;font-size:10px;white-space:nowrap}.line-connection.ok{color:#168b57}.line-conversation-body{position:relative;min-height:0;display:flex;flex-direction:column;overflow:hidden}.line-log-banner{flex:0 0 auto;padding:9px 20px;color:#5f6876;background:#f5f6f8;border-bottom:1px solid #e5e8eb;font-size:11px}.line-chat-error{position:absolute;z-index:3;top:12px;left:20px;right:20px}.line-chat-messages{min-height:0;flex:1 1 auto;display:flex;flex-direction:column;padding:24px 32px;overflow-y:auto;overscroll-behavior:contain;background:#fff}.line-chat-messages>.empty{margin:auto}.line-chat-messages>.line-bubble:first-of-type{margin-top:auto}.line-bubble{max-width:min(74%,680px);margin-bottom:18px}.line-bubble small{display:block;margin:0 0 5px 5px;color:#8c939e;font-size:10px}.line-bubble p{display:inline-block;margin:0;padding:11px 15px;border-radius:18px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}.line-bubble.theirs p{background:#f0f1f3;border-top-left-radius:5px}.line-bubble.mine{margin-left:auto;text-align:right}.line-bubble.mine p{color:#fff;background:#18a963;border-top-right-radius:5px;text-align:left}.line-bubble.system{max-width:100%;margin:14px auto 21px;text-align:center}.line-bubble.system small{display:none}.line-bubble.system p{padding:8px 12px;color:#717986;background:#f4f5f6;border-radius:999px;font-size:11px}.line-chat-composer{position:relative;z-index:2;min-height:84px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:14px 21px max(14px,env(safe-area-inset-bottom));border-top:1px solid #e4e7ea;background:#fff;box-shadow:0 -8px 24px #222d3d0a}.line-chat-composer input{min-width:0;padding:13px 2px;border:0;outline:0;background:transparent}.line-chat-composer button{min-width:70px;background:#08b64c}.line-conversation-placeholder{display:grid;place-items:center;align-content:center;gap:8px;padding:24px;color:#8b929d;text-align:center}.line-conversation-placeholder h2{margin:0;color:#3d4550}.line-conversation-placeholder p{max-width:390px;margin:0;line-height:1.6;font-size:12px}.admin-shell{max-width:1440px}.admin-heading{min-width:0}.admin-brand-row{display:flex;align-items:center;gap:10px;margin-bottom:8px}.admin-brand-row .brand{margin-bottom:0}.admin-agent-link{min-height:36px;padding:8px 12px;font-size:11px}.admin-dashboard{display:grid;grid-template-columns:250px minmax(0,1fr);align-items:start;gap:18px;transition:grid-template-columns .2s ease}.admin-navigation{position:sticky;top:18px;min-width:0;padding:10px;border:1px solid #e2e7f0;border-radius:16px;background:#fff;box-shadow:0 10px 28px #21304f0f}.admin-navigation-heading{min-height:42px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:4px 4px 8px 10px;color:#8992a3;font-size:10px;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.admin-navigation-heading button{width:34px;min-width:34px;height:34px;display:grid;place-items:center;padding:0;color:#687288;background:#f0f3f8;box-shadow:none;font-size:23px;line-height:1}.admin-navigation nav{display:grid;gap:5px}.admin-navigation nav>button{width:100%;min-width:0;display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px;color:#596477;background:transparent;border-radius:11px;box-shadow:none;text-align:left}.admin-navigation nav>button:hover:not(:disabled){transform:none;color:#245bc4;background:#f2f6fd;box-shadow:none}.admin-navigation nav>button.active{color:#245bc4;background:#eaf1ff}.admin-nav-icon{width:40px;height:40px;display:grid;place-items:center;color:#5e718e;background:#edf1f6;border-radius:11px;font-size:13px;font-weight:900}.admin-navigation nav>button.active .admin-nav-icon{color:#fff;background:#316bdb}.admin-nav-copy{min-width:0;display:grid;gap:3px}.admin-nav-copy strong,.admin-nav-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-nav-copy strong{font-size:13px}.admin-nav-copy small{color:#929aa7;font-size:10px;font-weight:650}.admin-navigation nav em{min-width:25px;padding:4px 7px;color:#758093;background:#eef1f5;border-radius:999px;font-size:9px;font-style:normal;text-align:center}.admin-dashboard.menu-collapsed{grid-template-columns:76px minmax(0,1fr)}.menu-collapsed .admin-navigation-heading{justify-content:center;padding-left:4px}.menu-collapsed .admin-navigation-heading>span{display:none}.menu-collapsed .admin-navigation nav>button{grid-template-columns:40px;justify-content:center;padding:8px}.menu-collapsed .admin-nav-copy,.menu-collapsed .admin-navigation nav em{display:none}.admin-dashboard-content{min-width:0}.admin-dashboard-content>.card,.admin-dashboard-content>:is(div,section)>.card{margin-bottom:18px}.admin-panel-title{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #edf0f4}.admin-panel-title h2{margin:4px 0 5px;font-size:21px}.admin-panel-title p{margin:0;color:#737e90;font-size:12px;line-height:1.5}.admin-panel-title>strong{min-width:44px;height:44px;display:grid;place-items:center;color:#245bc4;background:#eaf1ff;border-radius:12px;font-size:18px}.conversation-log-card.embedded{padding:0;border:0;background:transparent;box-shadow:none}.conversation-log-card.embedded .section-head{justify-content:flex-end}.section-eyebrow{color:#356ce0;font-size:9px;font-weight:900;letter-spacing:.13em}.hotel-create-form{padding:16px;border:1px solid #e5eaf1;border-radius:12px;background:#f8f9fb}.admin-welcome-section{margin-top:26px;padding-top:24px;border-top:1px solid #e7ebf1}.admin-welcome-section .section-head{margin-bottom:18px}.admin-logo-section{margin-top:24px;padding-top:22px;border-top:1px solid #e7ebf1}.admin-logo-section .section-head{margin-bottom:14px}.admin-logo-layout{display:grid;grid-template-columns:minmax(180px,240px) minmax(0,1fr);align-items:stretch;gap:18px}.admin-logo-current{min-height:138px;display:grid;grid-template-columns:70px minmax(0,1fr);grid-template-rows:auto 1fr;align-items:center;gap:5px 13px;padding:17px;border:1px solid #e1e7ef;border-radius:14px;background:#f8fafc}.admin-logo-current>small{grid-column:1 / -1;color:#6f7b8c;font-size:10px;font-weight:800}.admin-logo-current>strong{min-width:0;overflow:hidden;color:#27364d;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.admin-hotel-logo-preview{width:70px;height:70px;display:grid;place-items:center;overflow:hidden;color:#fff;background:linear-gradient(135deg,#8abce4,#79a5d1);border-radius:50%;font-size:17px;font-weight:850}.admin-hotel-logo-preview img{width:100%;height:100%;display:block;object-fit:cover}.admin-logo-form{min-width:0;display:grid;grid-template-columns:minmax(240px,1fr) auto;align-content:center;align-items:end;gap:8px 14px;padding:17px 18px;border:1px solid #e1e7ef;border-radius:14px;background:#fff}.admin-logo-file{min-width:0;display:grid;gap:7px;color:#4d596b;font-size:11px;font-weight:750;cursor:pointer}.admin-logo-file input{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none}.admin-logo-file-picker{min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;padding:8px;border:1px solid #dce3ec;border-radius:10px;background:#f8fafc}.admin-logo-file-picker strong{padding:7px 10px;color:#285bc3;background:#eaf1ff;border-radius:7px;font-size:11px}.admin-logo-file-picker em{min-width:0;overflow:hidden;color:#778293;font-size:10px;font-style:normal;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.admin-logo-form>small{grid-column:1;color:#7b8593;font-size:10px}.admin-logo-form>div{grid-column:2;grid-row:1 / span 2;display:flex;align-items:center;flex-wrap:wrap;gap:8px}.admin-room-pagination{display:grid;grid-template-columns:88px minmax(0,1fr) 88px;align-items:center;gap:10px;margin-top:14px}.admin-room-pagination button{min-height:38px;padding:9px 13px;font-size:12px}.admin-room-pagination>span{display:flex;align-items:center;justify-content:center;gap:8px;color:#536074;font-size:12px;font-weight:800}.admin-room-pagination small{color:#87909d;font-size:10px;font-weight:650}.status-toggle.active{color:#146c36;background:#e6f5ec;border-color:#b9dfc7}.status-toggle.inactive{color:#9b3b32;background:#faecea;border-color:#efc7c2}.welcome-selected-hotel{flex:0 0 auto;min-width:150px;display:grid;gap:3px;padding:10px 13px;border:1px solid #dce5f4;border-radius:11px;background:#f3f7ff}.welcome-selected-hotel small{color:#71809a;font-size:9px;font-weight:750}.welcome-selected-hotel strong{overflow:hidden;color:#2856aa;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.success-box{margin-bottom:14px;padding:11px 13px;color:#176d4e;background:#e9f8f1;border:1px solid #cdecdc;border-radius:9px;font-size:12px}.welcome-form{display:grid;gap:13px}.welcome-form label{display:grid;gap:7px;color:#4f596e;font-size:11px;font-weight:750}.welcome-form select,.welcome-form textarea{width:100%;padding:11px;border:1px solid #dfe4eb;border-radius:9px;resize:vertical}.welcome-language-select{max-width:280px}.welcome-language-select select{background:#f8fafc;font-weight:750}.welcome-actions{display:flex;align-items:center;justify-content:space-between}.welcome-actions span{color:#88919f;font-size:10px}@media(max-width:900px){.line-agent-workspace{grid-template-columns:1fr!important}.line-agent-workspace.has-selection .line-agent-list,.line-agent-workspace.has-selection .line-sidebar-resizer,.line-sidebar-resizer{display:none}.line-conversation-panel{width:100%}.line-mobile-back{display:block}.admin-dashboard,.admin-dashboard.menu-collapsed{grid-template-columns:1fr}.admin-navigation{position:static;overflow-x:auto}.admin-navigation-heading{display:none}.admin-navigation nav{min-width:360px;display:grid;grid-template-columns:repeat(2,minmax(160px,1fr))}.menu-collapsed .admin-navigation nav>button,.admin-navigation nav>button{grid-template-columns:36px minmax(0,1fr) auto;justify-content:stretch;padding:9px}.menu-collapsed .admin-nav-copy,.menu-collapsed .admin-navigation nav em{display:grid}.admin-nav-icon{width:36px;height:36px}}@media(max-width:1200px)and (min-width:761px){.line-agent-topbar{flex-wrap:nowrap;gap:8px;padding-inline:12px}.line-agent-topbar>.agent-brand{font-size:16px}.line-agent-admin-link{padding-inline:9px}.line-agent-topbar-actions{min-width:0;flex:1 1 auto;display:grid;grid-template-columns:minmax(110px,150px) minmax(0,1fr);gap:6px}.line-agent-account{width:100%;max-width:150px}.line-agent-controls{min-width:0;display:grid;grid-template-columns:minmax(90px,1fr) max-content max-content;gap:2px}.line-agent-controls .link-button{min-width:0;padding-inline:6px}.line-agent-controls .link-button:first-child{overflow:hidden}.line-agent-controls .link-button:first-child .line-agent-control-label{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}@media(max-width:760px){.line-agent-topbar{align-items:flex-start;flex-wrap:wrap;gap:6px 12px;padding:8px 12px}.line-agent-topbar>.agent-brand{padding-top:8px}.line-agent-topbar-actions{width:100%;flex-wrap:wrap;margin-left:0}.line-agent-controls{flex-wrap:wrap;justify-content:flex-end}.line-agent-account{margin-left:4px}}@media(max-width:520px){.line-agent-topbar{padding:7px 9px}.line-agent-admin-link{min-height:32px;padding:5px 8px;font-size:9px}.line-agent-topbar-actions{flex-wrap:nowrap;gap:5px}.line-agent-controls{flex-wrap:nowrap;gap:2px}.line-agent-controls .link-button{width:34px;min-width:34px;height:34px;min-height:34px;display:grid;place-items:center;padding:0}.line-agent-control-icon{display:inline;font-size:13px;line-height:1}.line-agent-control-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.line-agent-account{max-width:118px;grid-template-columns:28px minmax(0,1fr);gap:5px;padding:3px 7px 3px 4px}.line-agent-account>span{width:28px;height:28px}.line-conversation-item{grid-template-columns:51px minmax(0,1fr) auto;padding:13px 12px}.line-room-avatar{width:51px;height:51px}.line-conversation-header{flex-wrap:wrap;gap:8px;padding:10px 12px}.line-conversation-header>.line-room-avatar{display:none}.line-conversation-identity{flex:1 1 calc(100% - 42px)}.line-conversation-actions{width:100%;justify-content:flex-end}.line-chat-messages{padding:20px 16px}.line-bubble{max-width:88%}.line-chat-composer{min-height:70px;padding:10px 12px max(10px,env(safe-area-inset-bottom))}.admin-navigation{margin:0 -2px;padding:7px}.admin-navigation nav{min-width:260px;grid-template-columns:repeat(2,minmax(120px,1fr))}.admin-navigation nav>button,.menu-collapsed .admin-navigation nav>button{grid-template-columns:32px minmax(0,1fr);gap:7px}.admin-nav-icon{width:32px;height:32px}.admin-navigation nav em{display:none}.admin-nav-copy small{display:none}.admin-panel-title{align-items:center}.admin-panel-title p{display:none}.admin-welcome-section .section-head{flex-direction:column}.welcome-selected-hotel{width:100%;min-width:0}.admin-room-pagination{grid-template-columns:66px minmax(0,1fr) 66px}}@media(max-width:760px){.line-agent-account{flex:0 1 150px}.line-agent-controls{min-width:0;flex:1 1 260px}.admin-logo-layout,.admin-logo-form{grid-template-columns:1fr}.admin-logo-form>small,.admin-logo-form>div{grid-column:1;grid-row:auto}.welcome-language-select{max-width:none}}