:root{--navy:#1c2570;--navy-deep:#12163f;--ink:#14162e;--muted:#8a90a6;--bg-page:#eef1f6;--bg-app:#f6f7fb;--card-blue:#e9f0fd;--card-blue-border:#dbe6fb;--divider:#e7ebf3;--white:#fff;--danger:#d64545;--radius-lg:20px;--radius-md:14px;--font-display:"Manrope", "Segoe UI", system-ui, sans-serif}*{box-sizing:border-box}html,body{background:var(--bg-page);font-family:var(--font-display);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;padding:0}button{cursor:pointer;font-family:inherit}#root{height:100dvh}.app-shell{background:var(--bg-app);flex-direction:column;width:100%;max-width:430px;height:100dvh;margin:0 auto;display:flex;position:relative;overflow:hidden}.app-shell__body{flex-direction:column;flex:1;min-height:0;display:flex}.screen{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.chat-header{background:var(--white);border-bottom:1px solid var(--divider);flex-shrink:0;align-items:center;padding:18px 16px;display:flex}.chat-header__back{background:0 0;border:none;justify-content:center;align-items:center;width:28px;height:28px;padding:0;display:flex}.chat-header__title{text-align:center;letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;flex:1;margin:0;font-size:16px;font-weight:700;overflow:hidden}.chat-header__spacer{flex-shrink:0;width:28px}.chat-scroll{-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;gap:16px;min-height:0;padding:18px 16px 8px;display:flex;overflow-y:auto}.chat-scroll::-webkit-scrollbar{width:0}.bubble-row{flex-direction:column;max-width:88%;display:flex}.bubble-row--bot{align-self:flex-start;align-items:flex-start}.bubble-row--user{align-self:flex-end;align-items:flex-end}.bubble-row__timestamp{color:var(--muted);margin-bottom:6px;padding:0 2px;font-size:11px}.bubble-row__content{align-items:flex-end;gap:8px;display:flex}.bubble-row--user .bubble-row__content{flex-direction:row-reverse}.bubble-row__avatar{flex-shrink:0}.bubble{border-radius:var(--radius-md);white-space:pre-line;padding:12px 16px;font-size:14.5px;line-height:1.45}.bubble--bot{background:var(--white);color:var(--ink);border-top-left-radius:4px;box-shadow:0 1px 2px #12163f0d}.bubble--user{background:var(--navy);color:var(--white);border-top-right-radius:4px}.bubble--typing{align-items:center;gap:4px;padding:14px 16px;display:flex}.bubble--typing span{background:var(--muted);border-radius:50%;width:6px;height:6px;animation:1.2s ease-in-out infinite typing-bounce}.bubble--typing span:nth-child(2){animation-delay:.15s}.bubble--typing span:nth-child(3){animation-delay:.3s}@keyframes typing-bounce{0%,60%,to{opacity:.5;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}.suggestions-card{background:var(--card-blue);border:1px solid var(--card-blue-border);border-radius:var(--radius-lg);align-self:stretch;max-width:100%;padding:16px}.suggestions-card__heading{color:var(--navy-deep);margin:0 0 10px;font-size:13.5px;font-weight:700}.suggestions-card__list{margin:0;padding:0;list-style:none}.suggestions-card__list li+li{border-top:1px solid #12163f14}.suggestions-card__item{text-align:left;width:100%;color:var(--ink);background:0 0;border:none;justify-content:space-between;align-items:center;gap:12px;padding:12px 2px;font-size:13.5px;font-weight:600;display:flex}.suggestions-card__item svg{flex-shrink:0}.ticket-link{color:var(--navy);background:0 0;border:none;align-self:center;margin-top:4px;padding:6px;font-size:12.5px;font-weight:600}.chat-input{background:var(--bg-app);flex-shrink:0;align-items:center;gap:10px;padding:12px 16px;display:flex}.chat-input input{background:var(--white);color:var(--ink);border:none;border-radius:24px;outline:none;flex:1;padding:13px 18px;font-size:14px;box-shadow:0 1px 2px #12163f0d}.chat-input input::placeholder{color:var(--muted)}.chat-input__send{background:var(--navy);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;transition:opacity .15s;display:flex}.chat-input__send:disabled{opacity:.4;cursor:default}.powered-by{text-align:center;color:var(--muted);flex-shrink:0;padding:4px 0 12px;font-size:11.5px}.powered-by__mark{background:linear-gradient(90deg,#f4b400 0%,#ef553f 33%,#6c5ce7 66%,#2fbf71 100%);color:#0000;-webkit-background-clip:text;background-clip:text;font-weight:800}.bottom-nav{border-top:1px solid var(--divider);background:var(--white);padding-bottom:env(safe-area-inset-bottom);flex-shrink:0;display:flex}.bottom-nav__item{color:var(--muted);flex-direction:column;flex:1;align-items:center;gap:4px;padding:10px 0 8px;font-size:11px;font-weight:600;text-decoration:none;display:flex}.bottom-nav__item--active{color:var(--navy)}.list-scroll{flex-direction:column;flex:1;gap:10px;min-height:0;padding:14px 16px 24px;display:flex;overflow-y:auto}.form-scroll{flex:1;min-height:0;padding:18px 16px 24px;overflow-y:auto}.state-text{text-align:center;color:var(--muted);padding:24px 12px;font-size:13.5px}.state-text--error{color:var(--danger)}.ticket-row{background:var(--white);border:1px solid var(--divider);border-radius:var(--radius-md);text-align:left;flex-direction:column;gap:6px;padding:14px 16px;display:flex}.ticket-row__top{justify-content:space-between;align-items:center;gap:10px;display:flex}.ticket-row__subject{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:700;overflow:hidden}.ticket-row__meta{color:var(--muted);justify-content:space-between;font-size:11.5px;display:flex}.status-pill{background:var(--card-blue);color:var(--navy);text-transform:uppercase;letter-spacing:.02em;border-radius:999px;flex-shrink:0;padding:3px 9px;font-size:10.5px;font-weight:700}.status-pill--closed{color:var(--muted);background:#eceef3}.status-pill--resolved{color:#2a9d5c;background:#e4f7ec}.status-pill--pending{color:#b8791a;background:#fdf3e2}.fab{background:var(--navy);width:52px;height:52px;color:var(--white);border:none;border-radius:50%;justify-content:center;align-items:center;font-size:26px;font-weight:400;line-height:1;display:flex;position:absolute;bottom:24px;right:18px;box-shadow:0 10px 24px -8px #1c25708c}.ticket-status-bar{border-bottom:1px solid var(--divider);background:var(--white);flex-shrink:0;gap:8px;padding:12px 16px;display:flex;overflow-x:auto}.status-chip{border:1px solid var(--divider);background:var(--bg-app);color:var(--muted);letter-spacing:.02em;border-radius:999px;flex-shrink:0;padding:7px 13px;font-size:11.5px;font-weight:700}.status-chip--active{background:var(--navy);border-color:var(--navy);color:var(--white)}.status-chip:disabled{cursor:default}.segmented{flex-shrink:0;gap:6px;padding:12px 16px;display:flex}.segmented__item{border:1px solid var(--divider);background:var(--white);color:var(--muted);border-radius:var(--radius-md);flex:1;padding:9px 0;font-size:13px;font-weight:700}.segmented__item--active{background:var(--navy);border-color:var(--navy);color:var(--white)}.help-card{background:var(--white);border:1px solid var(--divider);border-radius:var(--radius-md);text-align:left;align-items:center;gap:14px;padding:16px;display:flex}.help-card__icon{background:var(--card-blue);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.help-card__text{flex-direction:column;flex:1;gap:2px;display:flex}.help-card__title{color:var(--ink);font-size:14.5px;font-weight:700}.help-card__subtitle{color:var(--muted);font-size:12px}.help-item{background:var(--white);border:1px solid var(--divider);border-radius:var(--radius-md);padding:4px 14px}.help-item__head{text-align:left;width:100%;color:var(--ink);background:0 0;border:none;justify-content:space-between;align-items:center;gap:12px;padding:14px 0;font-size:13.5px;font-weight:700;display:flex}.help-item__body{color:var(--muted);white-space:pre-line;margin:0 0 14px;font-size:13px;line-height:1.55}.sheet__label{color:var(--navy-deep);margin-bottom:14px;font-size:12.5px;font-weight:700;display:block}.sheet__label input,.sheet__label textarea{border:1px solid var(--divider);border-radius:var(--radius-md);width:100%;color:var(--ink);background:var(--white);resize:none;outline:none;margin-top:6px;padding:12px 14px;font-family:inherit;font-size:14px;display:block}.sheet__submit{background:var(--navy);width:100%;color:var(--white);border-radius:var(--radius-md);border:none;margin-top:4px;padding:14px;font-size:14.5px;font-weight:700}.sheet__submit:disabled{opacity:.6}.login-screen{background:var(--bg-app);justify-content:center;padding:24px}.login-screen__body{flex-direction:column;display:flex}.login-screen__mark{color:var(--navy);letter-spacing:.04em;text-transform:uppercase;margin-bottom:10px;font-size:13px;font-weight:800}.login-screen__title{margin:0 0 10px;font-size:22px;font-weight:800}.login-screen__subtitle{color:var(--muted);margin:0 0 22px;font-size:13px;line-height:1.55}.login-screen__subtitle code{background:var(--card-blue);border-radius:4px;padding:1px 5px;font-size:12px}.ticket-summary{background:#fff;border:1px solid #e5e7eb;border-radius:20px;margin:16px;padding:18px;box-shadow:0 8px 24px #23469c14}.ticket-summary__header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.ticket-summary__header h3{color:#1e293b;flex:1;margin:0;font-size:18px;font-weight:700;line-height:1.4}.ticket-summary__message{color:#475569;white-space:pre-wrap;background:#f7f9fc;border-left:4px solid #23469c;border-radius:12px;margin-bottom:18px;padding:14px 16px;font-size:15px;line-height:1.7}.ticket-summary__meta{color:#64748b;border-top:1px solid #eef2f7;justify-content:space-between;align-items:center;padding:10px 0;font-size:14px;display:flex}.ticket-summary__meta:first-of-type{border-top:none}.ticket-summary__meta strong{color:#1e293b;font-weight:600}