:root{--bg:#16181a;--bg-raised:#1f2225;--bg-sidebar:#121314;--ink:#ece7dd;--ink-dim:#9b968c;--ink-faint:#6b675f;--gold:#c8973b;--gold-dim:#8f6d2c;--line:#2a2d30;--danger:#b5533f;--green:#5f8f6b}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--ink);font-family:Tajawal,sans-serif;overflow:hidden}.app{display:flex;height:100vh}.sidebar{width:280px;flex-shrink:0;background:var(--bg-sidebar);border-left:1px solid var(--line);display:flex;flex-direction:column}.sidebar-header{padding:20px 16px 14px;border-bottom:1px solid var(--line)}.badge{width:38px;height:38px;border:1.5px solid var(--gold-dim);border-radius:9px;display:flex;align-items:center;justify-content:center;font-family:Cairo,sans-serif;font-weight:800;color:var(--gold);font-size:15px;margin-bottom:10px}.sidebar-header h1{font-family:Cairo,sans-serif;font-size:15px;margin:0 0 3px}.sidebar-header p{font-size:11px;color:var(--ink-dim);margin:0;line-height:1.5}.nav-btn{margin:12px 16px 0;padding:10px 12px;background:var(--bg-raised);border:1px solid var(--line);border-radius:9px;color:var(--ink-dim);font-size:12.5px;cursor:pointer}.nav-btn:hover{border-color:var(--gold-dim);color:var(--ink)}.nav-btn.active{border-color:var(--gold);color:var(--gold)}.customer-list{flex:1;overflow-y:auto;padding:14px 10px}.list-label{font-size:10.5px;color:var(--ink-faint);padding:0 8px 8px;font-family:Cairo,sans-serif;font-weight:700}.customer-item{padding:10px 12px;border-radius:9px;cursor:pointer;margin-bottom:3px;display:flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid transparent}.customer-item:hover{background:var(--bg-raised)}.customer-item.active{background:var(--bg-raised);border-color:var(--gold-dim)}.customer-item .name{font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.status-new{background:var(--ink-faint)}.status-progress{background:var(--gold)}.status-won{background:var(--green)}.status-lost{background:var(--danger)}.empty-list{padding:20px 12px;font-size:12px;color:var(--ink-faint);text-align:center;line-height:1.7}.add-customer-form{padding:12px 16px;border-top:1px solid var(--line)}.add-customer-form input{width:100%;background:var(--bg-raised);border:1px solid var(--line);color:var(--ink);border-radius:8px;padding:9px 11px;font-size:12.5px;outline:none}.add-customer-form button{width:100%;margin-top:8px;background:var(--gold);color:#1a1a18;border:none;border-radius:8px;padding:9px;font-family:Cairo,sans-serif;font-weight:700;font-size:12px;cursor:pointer}.main{flex:1;display:flex;flex-direction:column;min-width:0}#noSelection{margin:auto;text-align:center;color:var(--ink-dim);max-width:380px;padding:0 20px}#noSelection .icon{font-family:Cairo,sans-serif;font-size:30px;color:var(--gold-dim);margin-bottom:12px}#noSelection h2{font-family:Cairo,sans-serif;color:var(--ink);font-size:16px;margin:0 0 8px}.settings-view{padding:32px 40px;overflow-y:auto}.settings-view h2{font-family:Cairo,sans-serif;font-size:19px;margin:0 0 6px}.settings-view .sub{color:var(--ink-dim);font-size:13px;margin:0 0 24px;line-height:1.7}.settings-view label{display:block;font-size:12.5px;color:var(--gold);font-family:Cairo,sans-serif;font-weight:700;margin-bottom:8px}#serviceInput{width:100%;max-width:640px;min-height:220px;background:var(--bg-raised);border:1px solid var(--line);color:var(--ink);border-radius:12px;padding:16px;font-size:14px;line-height:1.8;resize:vertical;outline:none}.save-row{display:flex;align-items:center;gap:12px;margin-top:14px}.save-btn{background:var(--gold);color:#1a1a18;border:none;border-radius:9px;padding:10px 22px;font-family:Cairo,sans-serif;font-weight:700;font-size:13px;cursor:pointer}.save-status{font-size:12px;color:var(--green);opacity:0;transition:opacity .3s}.save-status.show{opacity:1}.customer-header{padding:16px 22px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px}.customer-header .cname{font-family:Cairo,sans-serif;font-weight:800;font-size:16px}.customer-header select{background:var(--bg-raised);border:1px solid var(--line);color:var(--ink-dim);border-radius:7px;padding:6px 10px;font-size:11.5px;outline:none;cursor:pointer}.notes-toggle{font-size:11.5px;color:var(--ink-dim);cursor:pointer;border:1px solid var(--line);padding:6px 12px;border-radius:7px;background:var(--bg-raised)}.notes-panel{padding:16px 22px;border-bottom:1px solid var(--line);background:var(--bg-raised)}.notes-panel label{display:block;font-size:11px;color:var(--gold);font-family:Cairo,sans-serif;font-weight:700;margin-bottom:6px}#notesTextarea{width:100%;min-height:90px;background:var(--bg);border:1px solid var(--line);color:var(--ink);border-radius:9px;padding:11px;font-size:13px;line-height:1.7;resize:vertical;outline:none}.notes-save{margin-top:8px;background:transparent;color:var(--gold);border:1px solid var(--gold-dim);border-radius:7px;padding:6px 14px;font-family:Cairo,sans-serif;font-weight:700;font-size:11.5px;cursor:pointer}.chat{flex:1;overflow-y:auto;padding:20px 22px;display:flex;flex-direction:column;gap:16px}.msg{max-width:88%;display:flex;flex-direction:column;gap:6px}.msg.user{align-self:flex-end}.msg.ai{align-self:flex-start}.tag{font-size:10.5px;color:var(--gold);font-family:Cairo,sans-serif;font-weight:700;display:flex;align-items:center;gap:5px}.tag:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--gold);display:inline-block}.bubble{padding:12px 15px;border-radius:14px;line-height:1.75;font-size:14.5px;white-space:pre-wrap;word-wrap:break-word}.msg.user .bubble{background:#2a3038;border:1px solid var(--line);border-top-left-radius:4px}.msg.ai .bubble{background:var(--bg-raised);border:1px solid var(--gold-dim);border-top-right-radius:4px}.msg.ai.outside .bubble{border-color:var(--danger)}.msg.ai.outside .tag{color:var(--danger)}.msg.ai.outside .tag:before{background:var(--danger)}.chat-empty{margin:auto;text-align:center;color:var(--ink-faint);font-size:13px;max-width:320px;line-height:1.8}.typing{display:flex;gap:4px;padding:4px 2px}.typing span{width:6px;height:6px;background:var(--gold-dim);border-radius:50%;animation:bounce 1.2s infinite ease-in-out}.typing span:nth-child(2){animation-delay:.15s}.typing span:nth-child(3){animation-delay:.3s}@keyframes bounce{0%,60%,to{transform:translateY(0);opacity:.5}30%{transform:translateY(-4px);opacity:1}}.composer{display:flex;gap:10px;padding:14px 18px calc(16px + env(safe-area-inset-bottom));border-top:1px solid var(--line)}.composer textarea{flex:1;resize:none;background:var(--bg-raised);border:1px solid var(--line);color:var(--ink);border-radius:12px;padding:11px 14px;font-size:14px;line-height:1.5;max-height:120px;outline:none}.composer button{background:var(--gold);color:#1a1a18;border:none;border-radius:12px;padding:0 20px;font-family:Cairo,sans-serif;font-weight:700;font-size:13.5px;cursor:pointer;flex-shrink:0}.composer button:disabled{opacity:.4;cursor:default}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-thumb{background:var(--line);border-radius:10px}