:root,[data-theme=dark]{--shelet-bg:#0a0a0a;--shelet-surface:#141414;--shelet-border:#262626;--shelet-text:#e5e5e5;--shelet-text-muted:#737373;--shelet-accent:#3b82f6;--shelet-accent-hover:#2563eb;--shelet-user-bg:#1e3a5f;--shelet-assistant-bg:#1a1a1a;--shelet-btn-bg:#1e293b;--shelet-btn-hover:#334155;--shelet-btn-text:#e2e8f0;--shelet-radius:12px;--shelet-phone-bg:#000;--shelet-phone-border:#333;--shelet-gradient-a:#1e3a5f14;--shelet-gradient-b:#3b82f60d}[data-theme=light]{--shelet-bg:#fff;--shelet-surface:#f5f5f5;--shelet-border:#e5e5e5;--shelet-text:#171717;--shelet-text-muted:#a3a3a3;--shelet-accent:#2563eb;--shelet-accent-hover:#1d4ed8;--shelet-user-bg:#dbeafe;--shelet-assistant-bg:#f9fafb;--shelet-btn-bg:#f1f5f9;--shelet-btn-hover:#e2e8f0;--shelet-btn-text:#1e293b;--shelet-phone-bg:#e8e8e8;--shelet-phone-border:#ccc;--shelet-gradient-a:#3b82f60a;--shelet-gradient-b:#93c5fd0f}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--shelet-text);-webkit-font-smoothing:antialiased;background:#111;justify-content:center;align-items:center;min-height:100dvh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;display:flex}[data-theme=light]~body{background:#f0f0f0}body:has([data-theme=light]){background:#f0f0f0}.shelet-phone-frame{border:3px solid var(--shelet-phone-border);background:var(--shelet-phone-bg);border-radius:44px;flex-direction:column;width:390px;height:844px;max-height:95dvh;display:flex;position:relative;overflow:hidden;box-shadow:0 0 0 1px #ffffff0d,0 25px 60px #0006,0 10px 20px #0003}.shelet-phone-notch{background:var(--shelet-phone-bg);z-index:10;border-radius:0 0 18px 18px;flex-shrink:0;width:126px;height:28px;margin:0 auto;position:relative}.shelet-phone-home{background:var(--shelet-text-muted);opacity:.3;border-radius:3px;flex-shrink:0;width:134px;height:5px;margin:8px auto 10px}@media (width<=430px){body{background:var(--shelet-bg)}.shelet-phone-frame{width:100%;height:100dvh;max-height:100dvh;box-shadow:none;border:none;border-radius:0}.shelet-phone-notch,.shelet-phone-home{display:none}}.shelet-container{background:var(--shelet-bg);flex-direction:column;flex:1;transition:background .3s;display:flex;position:relative;overflow:hidden}.shelet-container:before{content:"";background:linear-gradient(135deg, var(--shelet-gradient-a) 0%, transparent 30%, transparent 60%, var(--shelet-gradient-b) 100%);pointer-events:none;z-index:0;background-size:200% 200%;animation:20s ease-in-out infinite alternate shelet-gradient;position:absolute;inset:0}.shelet-container>*{z-index:1;position:relative}@keyframes shelet-gradient{0%{background-position:0 0}50%{background-position:100% 100%}to{background-position:0 100%}}.shelet-header{border-bottom:1px solid var(--shelet-border);flex-shrink:0;align-items:center;gap:12px;padding:12px 20px;transition:border-color .3s;display:flex}.shelet-logo{font-size:24px}.shelet-header-text{flex:1}.shelet-header-text h1{letter-spacing:-.01em;color:var(--shelet-text);font-size:16px;font-weight:600;transition:color .3s}.shelet-turn{color:var(--shelet-text-muted);font-size:12px}.shelet-theme-toggle{border:1px solid var(--shelet-border);background:var(--shelet-surface);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;transition:all .2s;display:flex}.shelet-theme-toggle:hover{border-color:var(--shelet-accent);transform:scale(1.1)}.shelet-messages{scroll-behavior:smooth;flex-direction:column;flex:1;gap:10px;padding:16px;display:flex;overflow-y:auto}.shelet-welcome{height:100%;color:var(--shelet-text-muted);text-align:center;justify-content:center;align-items:center;padding:40px;font-size:14px;display:flex}.shelet-msg{align-items:flex-end;gap:4px;max-width:85%;animation:.25s cubic-bezier(.16,1,.3,1) both shelet-msg-enter;display:flex}.shelet-msg-user{align-self:flex-end;margin-left:auto}.shelet-msg-assistant{align-self:flex-start}@keyframes shelet-msg-enter{0%{opacity:0;transform:translateY(12px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.shelet-msg-bubble{border-radius:var(--shelet-radius);white-space:pre-wrap;word-break:break-word;padding:10px 14px;font-size:14px;line-height:1.5;transition:all .2s}.shelet-msg-user .shelet-msg-bubble{background:var(--shelet-user-bg);color:var(--shelet-text);border-bottom-right-radius:4px}.shelet-msg-assistant .shelet-msg-bubble{background:var(--shelet-assistant-bg);border:1px solid var(--shelet-border);color:var(--shelet-text);border-bottom-left-radius:4px}.shelet-msg-bubble strong{font-weight:600}.shelet-msg-bubble em{font-style:italic}.shelet-msg-bubble code{background:#7f7f7f26;border-radius:4px;padding:1px 5px;font-family:SF Mono,Fira Code,monospace;font-size:13px}.shelet-msg-bubble a{color:var(--shelet-accent);text-decoration:none}.shelet-msg-bubble a:hover{text-decoration:underline}.shelet-msg-bubble ul{margin:6px 0;padding-left:18px;list-style:none}.shelet-msg-bubble li{margin-bottom:3px;padding-left:4px;position:relative}.shelet-msg-bubble li:before{content:"•";color:var(--shelet-accent);font-weight:700;position:absolute;left:-14px}.shelet-stat-row{gap:8px;margin:8px 0;display:flex}.shelet-stat{text-align:center;background:#7f7f7f14;border-top:3px solid;border-radius:0 0 8px 8px;flex:1;padding:10px 8px 8px}.shelet-stat-value{white-space:nowrap;font-size:18px;font-weight:700;line-height:1.2;display:block}.shelet-stat-label{text-transform:uppercase;letter-spacing:.5px;opacity:.6;margin-top:2px;font-size:11px;display:block}.shelet-item-list{background:#7f7f7f0f;border-radius:8px;margin:8px 0;overflow:hidden}.shelet-item-list-header{background:#7f7f7f14;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.shelet-item-list-title{font-size:13px;font-weight:600}.shelet-item-list-subtitle{opacity:.5;font-size:12px}.shelet-item-row{border-top:1px solid #7f7f7f1a;align-items:center;gap:8px;padding:8px 12px;font-size:13px;display:flex}.shelet-item-left{word-break:keep-all;white-space:nowrap;min-width:80px;font-weight:600}.shelet-item-right{text-align:right;white-space:nowrap;opacity:.8;margin-left:auto;font-size:12px}.shelet-badge{text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:600}.shelet-issue-card{background:#ef44440f;border-left:4px solid;border-radius:0 8px 8px 0;margin:8px 0;padding:12px}.shelet-issue-header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.shelet-issue-title{font-size:14px;font-weight:700}.shelet-issue-amount{font-size:16px;font-weight:700}.shelet-issue-supplier{opacity:.7;margin-bottom:4px;font-size:13px;font-weight:600}.shelet-issue-reason{opacity:.8;font-size:13px}.shelet-issue-rec{background:#22c55e1a;border-radius:4px;margin-top:6px;padding:4px 8px;font-size:12px}.shelet-email-draft{background:#7f7f7f0f;border-radius:8px;margin:8px 0;overflow:hidden}.shelet-email-header{background:#7f7f7f14;align-items:center;gap:8px;padding:10px 12px;display:flex}.shelet-email-icon{font-size:20px}.shelet-email-to{opacity:.6;font-size:12px}.shelet-email-subject{font-size:13px;font-weight:600}.shelet-email-body{white-space:pre-wrap;padding:10px 12px;font-size:13px;line-height:1.5}.shelet-confirm-gate{background:#eab30814;border:1px solid #eab30833;border-radius:8px;margin:8px 0;padding:12px}.shelet-confirm-action{margin-bottom:6px;font-size:14px;font-weight:700}.shelet-confirm-details{margin:0;padding:0;list-style:none}.shelet-confirm-details li{padding:2px 0 2px 12px;font-size:13px;position:relative}.shelet-confirm-details li:before{content:"•";position:absolute;left:0}.shelet-confirm-warning{opacity:.7;margin-top:8px;font-size:12px}.shelet-done-card{text-align:center;background:#22c55e14;border:1px solid #22c55e33;border-radius:8px;margin:8px 0;padding:14px}.shelet-done-title{margin-bottom:10px;font-size:16px;font-weight:700}.shelet-done-stats{justify-content:center;gap:24px;display:flex}.shelet-done-stat{text-align:center}.shelet-done-value{color:#22c55e;font-size:20px;font-weight:700;display:block}.shelet-done-label{opacity:.6;text-transform:uppercase;font-size:11px;display:block}.shelet-speech-badge{opacity:.5;flex-shrink:0;font-size:10px}.shelet-msg-assistant .shelet-msg-bubble.shelet-streaming{animation:.3s both shelet-morph-in}@keyframes shelet-morph-in{0%{opacity:.6}to{opacity:1}}.shelet-typing{gap:4px;padding:4px 0;display:flex}.shelet-typing span{background:var(--shelet-text-muted);border-radius:50%;width:6px;height:6px;animation:1.4s ease-in-out infinite shelet-bounce}.shelet-typing span:nth-child(2){animation-delay:.2s}.shelet-typing span:nth-child(3){animation-delay:.4s}@keyframes shelet-bounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-6px)}}.shelet-buttons{flex-direction:column;flex-shrink:0;gap:8px;padding:10px 16px;display:flex}.shelet-btn:first-child{animation-delay:0s}.shelet-btn:nth-child(2){animation-delay:60ms}.shelet-btn:nth-child(3){animation-delay:.12s}.shelet-btn:nth-child(4){animation-delay:.18s}.shelet-btn:nth-child(5){animation-delay:.24s}@keyframes shelet-btn-enter{0%{opacity:0;transform:translateY(8px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.shelet-btn{background:var(--shelet-btn-bg);border:1px solid var(--shelet-border);border-radius:var(--shelet-radius);width:100%;color:var(--shelet-btn-text);cursor:pointer;text-align:left;align-items:center;gap:10px;padding:14px 16px;font-size:15px;font-weight:500;transition:all .15s;animation:.3s cubic-bezier(.16,1,.3,1) both shelet-btn-enter;display:flex}.shelet-btn:hover:not(:disabled){background:var(--shelet-btn-hover);border-color:var(--shelet-accent);transform:translateY(-1px)}.shelet-btn:active:not(:disabled){transform:translateY(0)}.shelet-btn:disabled{opacity:.5;cursor:not-allowed}.shelet-btn-id{color:var(--shelet-accent);flex-shrink:0;font-family:SF Mono,Fira Code,monospace;font-size:13px;font-weight:600}.shelet-btn-label{flex:1}.shelet-input-bar{border-top:1px solid var(--shelet-border);flex-shrink:0;align-items:center;gap:6px;padding:10px 16px;transition:border-color .3s;display:flex}.shelet-input{background:var(--shelet-surface);border:1px solid var(--shelet-border);border-radius:var(--shelet-radius);color:var(--shelet-text);outline:none;flex:1;padding:10px 14px;font-size:14px;transition:border-color .15s,background .3s,color .3s}.shelet-input:focus{border-color:var(--shelet-accent)}.shelet-input::placeholder{color:var(--shelet-text-muted)}.shelet-mic{border:1px solid var(--shelet-border);background:var(--shelet-surface);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;transition:all .15s;display:flex}.shelet-mic:hover:not(:disabled){border-color:var(--shelet-accent)}.shelet-mic:disabled{opacity:.4;cursor:not-allowed}.shelet-mic-active{animation:1.5s ease-in-out infinite shelet-pulse;background:#dc2626!important;border-color:#dc2626!important}@keyframes shelet-pulse{0%,to{box-shadow:0 0 #dc262666}50%{box-shadow:0 0 0 8px #dc262600}}.shelet-send{background:var(--shelet-accent);border-radius:var(--shelet-radius);color:#fff;cursor:pointer;border:none;flex-shrink:0;padding:10px 16px;font-size:16px;font-weight:600;transition:background .15s}.shelet-send:hover:not(:disabled){background:var(--shelet-accent-hover)}.shelet-send:disabled{opacity:.4;cursor:not-allowed}.shelet-error{border-radius:var(--shelet-radius);color:#fca5a5;background:#3b1111;border:1px solid #7f1d1d;padding:10px 14px;font-size:13px}[data-theme=light] .shelet-error{color:#991b1b;background:#fef2f2;border-color:#fecaca}.shelet-footer{text-align:center;color:var(--shelet-text-muted);flex-shrink:0;padding:6px 16px 8px;font-size:11px}.shelet-footer a{color:var(--shelet-accent);text-decoration:none}.shelet-footer a:hover{text-decoration:underline}.shelet-messages::-webkit-scrollbar{width:4px}.shelet-messages::-webkit-scrollbar-track{background:0 0}.shelet-messages::-webkit-scrollbar-thumb{background:var(--shelet-border);border-radius:2px}