*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --sidebar-bg:#0d1117;--sidebar-border:rgba(255,255,255,.06);
  --sidebar-text:#8b949e;--sidebar-hover:#161b22;--sidebar-active:rgba(37,99,235,.15);
  --header-bg:#161b22;--main-bg:#f6f8fa;--card-bg:#ffffff;
  --border:#e2e8f0;--border-dark:rgba(255,255,255,.08);
  --primary:#2563eb;--primary-dk:#1d4ed8;--primary-light:#eff6ff;
  --success:#10b981;--warning:#f59e0b;--error:#ef4444;
  --text-1:#0f172a;--text-2:#475569;--text-3:#94a3b8;
  --evidence-bg:#161b22;--sidebar-w:260px;--evidence-w:420px;
  --header-h:52px;--radius:10px;
  --shadow:0 1px 3px rgba(0,0,0,.08),0 1px 2px rgba(0,0,0,.04);
  --shadow-md:0 4px 16px rgba(0,0,0,.12);--shadow-lg:0 8px 32px rgba(0,0,0,.18);
}
body{font-family:'Inter',sans-serif;background:var(--main-bg);color:var(--text-1);height:100vh;overflow:hidden}
button{cursor:pointer;font-family:inherit}
input,textarea,select{font-family:inherit}

/* Header */
.header{height:var(--header-h);background:var(--header-bg);display:flex;align-items:center;
  justify-content:space-between;padding:0 1.25rem;position:fixed;top:0;left:0;right:0;z-index:100;
  border-bottom:1px solid var(--border-dark)}
.header-left{display:flex;align-items:center;gap:.875rem}
.header-logo{width:30px;height:30px;background:linear-gradient(135deg,#2563eb,#4f46e5);
  border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:.9375rem}
.header-brand{display:flex;flex-direction:column;line-height:1.25}
.header-title{color:#f0f6fc;font-weight:700;font-size:.9375rem}
.header-project{color:#484f58;font-size:.75rem}
.header-right{display:flex;align-items:center;gap:.875rem}

/* Status pills */
.status-pills{display:flex;gap:.4rem}
.pill{font-size:.6875rem;font-weight:600;padding:.2rem .6rem;border-radius:99px;
  background:rgba(255,255,255,.05);color:#484f58;transition:all .3s;letter-spacing:.02em}
.pill.ok{color:#3fb950;background:rgba(63,185,80,.12)}
.pill.err{color:#f85149;background:rgba(248,81,73,.12)}

/* User menu */
.user-menu{position:relative}
.user-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#2563eb,#7c3aed);
  color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;
  font-size:.8125rem;cursor:pointer;user-select:none;border:2px solid rgba(255,255,255,.1)}
.user-dropdown{display:none;position:absolute;right:0;top:calc(100% + .5rem);background:#1c2128;
  border-radius:var(--radius);border:1px solid var(--border-dark);box-shadow:var(--shadow-lg);
  min-width:180px;overflow:hidden;z-index:200}
.user-dropdown.show{display:block}
.user-info{padding:.875rem 1rem;background:rgba(255,255,255,.03)}
.user-info strong{display:block;font-size:.875rem;color:#e6edf3}
.user-info span{font-size:.75rem;color:#8b949e;margin-top:.1rem;display:block}
.user-dropdown hr{border:none;border-top:1px solid var(--border-dark)}
.user-dropdown button{width:100%;text-align:left;padding:.75rem 1rem;border:none;background:none;
  font-size:.875rem;color:#8b949e;transition:all .15s;display:block}
.user-dropdown button:hover{background:rgba(255,255,255,.05);color:#e6edf3}

/* Layout */
.layout{display:flex;height:calc(100vh - var(--header-h));margin-top:var(--header-h);overflow:hidden}

/* Sidebar */
.sidebar{width:var(--sidebar-w);background:var(--sidebar-bg);display:flex;flex-direction:column;
  flex-shrink:0;overflow:hidden;border-right:1px solid var(--sidebar-border);transition:background .2s}
.sidebar.drop-active{background:#0d1f3a;border-right:2px solid var(--primary)}
.sidebar.drop-active::after{content:'Drop to upload';position:absolute;left:0;width:var(--sidebar-w);
  top:50%;transform:translateY(-50%);text-align:center;color:var(--primary);font-weight:600;
  font-size:.9375rem;pointer-events:none}

.sidebar-section{padding:.75rem;border-bottom:1px solid var(--sidebar-border)}
.sidebar-section.grow{flex:1;overflow-y:auto;border-bottom:none}
.sidebar-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.625rem}
.sidebar-section-header span{color:#484f58;font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em}

.icon-btn{width:24px;height:24px;border:1px solid rgba(255,255,255,.1);border-radius:6px;
  background:rgba(255,255,255,.04);color:#8b949e;display:flex;align-items:center;
  justify-content:center;transition:all .15s}
.icon-btn svg{width:13px;height:13px}
.icon-btn:hover{background:rgba(255,255,255,.1);color:#e6edf3;border-color:rgba(255,255,255,.15)}

/* Projects */
.projects-list{display:flex;flex-direction:column;gap:.25rem}
.project-item{border-radius:8px;cursor:pointer;transition:background .15s;border:1px solid transparent}
.project-item:hover{background:var(--sidebar-hover)}
.project-item.active{background:var(--sidebar-active);border-color:rgba(37,99,235,.25)}
.project-item-inner{display:flex;align-items:center;gap:.625rem;padding:.5rem .625rem}
.project-icon{width:28px;height:28px;border-radius:8px;background:linear-gradient(135deg,#1d4ed8,#4f46e5);
  color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.75rem;flex-shrink:0}
.project-info{flex:1;min-width:0}
.project-item-name{color:#cdd9e5;font-size:.875rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.project-item-docs{color:#484f58;font-size:.75rem;margin-top:.1rem}
.project-item-del{opacity:0;width:22px;height:22px;border:none;background:none;color:#8b949e;
  display:flex;align-items:center;justify-content:center;border-radius:5px;transition:all .15s;flex-shrink:0}
.project-item-del svg{width:13px;height:13px}
.project-item:hover .project-item-del{opacity:1}
.project-item-del:hover{background:rgba(248,81,73,.15);color:#f85149}

/* Docs */
.docs-list{display:flex;flex-direction:column;gap:.375rem}
.doc-item{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);border-radius:8px;padding:.625rem .75rem;transition:border-color .15s}
.doc-item:hover{border-color:rgba(255,255,255,.12)}
.doc-item-name{color:#cdd9e5;font-size:.8125rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:.375rem;display:flex;align-items:center;gap:.375rem}
.doc-icon{flex-shrink:0}
.doc-item-row{display:flex;justify-content:space-between;align-items:center}
.doc-badge{font-size:.6875rem;padding:.2rem .5rem;border-radius:4px;font-weight:600}
.doc-badge.ready{background:rgba(63,185,80,.12);color:#3fb950}
.doc-badge.processing{background:rgba(245,158,11,.12);color:#f59e0b}
.doc-badge.error{background:rgba(248,81,73,.12);color:#f85149}
.doc-actions{display:flex;gap:.25rem}
.doc-action-btn{width:22px;height:22px;border:none;background:rgba(255,255,255,.05);color:#8b949e;
  border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .15s}
.doc-action-btn:hover{background:rgba(255,255,255,.1);color:#e6edf3}
.doc-action-btn.danger:hover{background:rgba(248,81,73,.15);color:#f85149}

/* Sidebar upload progress */
.sidebar-upload-progress{padding:.625rem .75rem;background:rgba(37,99,235,.08);border:1px solid rgba(37,99,235,.2);border-radius:8px;margin-top:.375rem;display:none}
.sidebar-upload-progress p{font-size:.75rem;color:#79c0ff;margin-bottom:.375rem;font-weight:500}
.sidebar-progress-bar{height:4px;background:rgba(255,255,255,.1);border-radius:99px;overflow:hidden}
.sidebar-progress-fill{height:100%;background:linear-gradient(90deg,#2563eb,#4f46e5);border-radius:99px;transition:width .3s;width:0%}

.sidebar-footer{padding:.625rem .75rem;border-top:1px solid var(--sidebar-border);margin-top:auto;flex-shrink:0}
.status-item{font-size:.75rem;color:#484f58}
.sidebar-empty{color:#484f58;font-size:.8125rem;line-height:1.6;padding:.25rem 0}

/* Chat */
.chat-area{flex:1;display:flex;flex-direction:column;overflow:hidden;background:var(--main-bg)}
.chat-messages{flex:1;overflow-y:auto;padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem}
.chat-input-bar{padding:.875rem 1.25rem;background:#fff;border-top:1px solid var(--border);
  display:flex;gap:.75rem;align-items:flex-end;box-shadow:0 -1px 0 var(--border)}
.chat-input-bar textarea{flex:1;padding:.75rem 1rem;border:1.5px solid var(--border);border-radius:10px;
  font-size:.9375rem;resize:none;outline:none;max-height:140px;line-height:1.5;
  transition:border-color .2s,box-shadow .2s;background:var(--main-bg)}
.chat-input-bar textarea:focus{border-color:var(--primary);background:#fff;box-shadow:0 0 0 3px rgba(37,99,235,.08)}
.chat-input-bar textarea:disabled{opacity:.45;cursor:not-allowed}
.send-btn{width:40px;height:40px;background:var(--primary);border:none;border-radius:10px;color:#fff;
  display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s}
.send-btn svg{width:17px;height:17px}
.send-btn:hover:not(:disabled){background:var(--primary-dk);transform:translateY(-1px)}
.send-btn:active:not(:disabled){transform:translateY(0)}
.send-btn:disabled{opacity:.4;cursor:not-allowed}

/* Welcome */
.welcome{text-align:center;padding:3rem 2rem;max-width:520px;margin:auto}
.welcome-icon{font-size:3rem;margin-bottom:1.25rem}
.welcome h2{font-size:1.5rem;font-weight:700;color:var(--text-1);margin-bottom:.75rem}
.welcome p{color:var(--text-2);line-height:1.6;margin-bottom:1.75rem}
.welcome-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:.625rem}
.step{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:.875rem .5rem;font-size:.8125rem;color:var(--text-2);font-weight:500}
.step span{display:block;width:26px;height:26px;background:var(--primary);color:#fff;border-radius:50%;font-size:.8125rem;font-weight:700;line-height:26px;margin:0 auto .5rem}

/* Messages */
.message{display:flex;gap:.75rem;max-width:840px}
.message.user{flex-direction:row-reverse;margin-left:auto}
.msg-avatar{width:32px;height:32px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:.9375rem}
.user-avatar{background:linear-gradient(135deg,#2563eb,#4f46e5);color:#fff;font-weight:700;font-size:.8125rem}
.bot-avatar{background:#fff;border:1.5px solid var(--border);box-shadow:var(--shadow)}
.msg-body{flex:1;min-width:0}
.msg-bubble{padding:.875rem 1.125rem;border-radius:12px;line-height:1.7;font-size:.9375rem}
.user-bubble{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border-bottom-right-radius:4px}
.bot-bubble{background:#fff;border:1px solid var(--border);color:var(--text-1);border-bottom-left-radius:4px;box-shadow:var(--shadow)}
.bot-bubble p{margin-bottom:.5rem}.bot-bubble p:last-child{margin-bottom:0}
.bot-bubble strong{font-weight:600}.bot-bubble ul,.bot-bubble ol{margin:.375rem 0 .375rem 1.25rem}
.bot-bubble li{margin-bottom:.2rem}.bot-bubble hr{border:none;border-top:1px solid var(--border);margin:.75rem 0}
.msg-time{font-size:.6875rem;color:var(--text-3);margin-top:.375rem;padding:0 .25rem}
.message.user .msg-time{text-align:right}

/* History bubbles — slightly muted so they don't compete with new messages */
.message.history-msg .user-bubble{background:linear-gradient(135deg,#3b5998,#2c4a8a);opacity:.85}
.message.history-msg .bot-bubble{background:#fafafa;opacity:.9}
.message.history-msg .msg-time{font-style:italic}

/* History dividers */
.history-divider{
  display:flex;align-items:center;gap:.75rem;
  margin:1rem 0;color:var(--text-3);
  font-size:.6875rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;
  flex-shrink:0;
}
.history-divider::before,.history-divider::after{
  content:'';flex:1;height:1px;background:var(--border);
}
.history-divider.new-session{color:var(--primary)}
.history-divider.new-session::before,
.history-divider.new-session::after{background:#bfdbfe}

/* Sources */
.msg-sources{margin-top:.875rem}
.sources-label{font-size:.6875rem;font-weight:700;color:var(--text-3);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.5rem}
.source-chip{display:flex;align-items:center;gap:.625rem;padding:.5rem .75rem;background:var(--main-bg);
  border:1px solid var(--border);border-radius:8px;margin-bottom:.375rem;cursor:pointer;transition:all .15s}
.source-chip:hover{background:var(--primary-light);border-color:#93c5fd}
.source-num{width:20px;height:20px;border-radius:5px;background:var(--primary);color:#fff;
  font-size:.6875rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.source-info{flex:1;min-width:0}
.source-name{font-weight:500;color:var(--text-1);font-size:.8125rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.source-loc{color:var(--text-3);font-size:.75rem;margin-top:.05rem}

/* Thinking */
.thinking{display:flex;gap:.4rem;padding:.5rem 0}
.thinking span{width:8px;height:8px;border-radius:50%;background:#cbd5e1;animation:bounce .8s ease-in-out infinite}
.thinking span:nth-child(2){animation-delay:.15s}.thinking span:nth-child(3){animation-delay:.3s}
@keyframes bounce{0%,80%,100%{transform:scale(.8);opacity:.5}40%{transform:scale(1);opacity:1}}

/* Evidence Panel */
.evidence-panel{width:var(--evidence-w);background:var(--evidence-bg);display:flex;flex-direction:column;
  flex-shrink:0;transform:translateX(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);
  border-left:1px solid var(--border-dark)}
.evidence-panel.open{transform:translateX(0)}
.evidence-header{padding:.875rem 1.125rem;display:flex;justify-content:space-between;align-items:center;
  border-bottom:1px solid var(--border-dark);flex-shrink:0}
.evidence-header span{color:#cdd9e5;font-weight:600;font-size:.9375rem}

.evidence-tabs{display:flex;gap:.375rem;padding:.625rem .875rem;border-bottom:1px solid var(--border-dark);flex-shrink:0}
.etab{padding:.375rem .875rem;border-radius:6px;border:1px solid rgba(255,255,255,.08);background:transparent;
  color:#8b949e;font-size:.8125rem;font-weight:500;transition:all .15s}
.etab.active{background:rgba(37,99,235,.2);border-color:rgba(37,99,235,.35);color:#79c0ff}

.evidence-nav{display:flex;align-items:center;justify-content:space-between;padding:.5rem .875rem;
  border-bottom:1px solid var(--border-dark);flex-shrink:0}
.nav-btn{padding:.3rem .75rem;border-radius:6px;border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.04);color:#8b949e;font-size:.8125rem;transition:all .15s}
.nav-btn:hover:not(:disabled){background:rgba(255,255,255,.1);color:#e6edf3}
.nav-btn:disabled{opacity:.3;cursor:not-allowed}
#chunkIndicator{color:#484f58;font-size:.8125rem}

.evidence-meta{padding:.625rem .875rem;background:rgba(0,0,0,.2);border-bottom:1px solid var(--border-dark);flex-shrink:0}
.evidence-meta-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}
.emeta-file{font-size:.75rem;color:#8b949e;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.emeta-page{font-size:.6875rem;background:rgba(63,185,80,.12);color:#3fb950;padding:.15rem .5rem;border-radius:4px;font-weight:600;flex-shrink:0}
.emeta-phi{font-size:.6875rem;background:rgba(99,102,241,.12);color:#a5b4fc;padding:.15rem .5rem;border-radius:4px;font-weight:600;flex-shrink:0}

.etab-content{display:none;flex:1;overflow-y:auto;flex-direction:column}
.etab-content.active{display:flex}

/* Evidence text */
.ev-badges{display:flex;gap:.5rem;margin-bottom:.875rem;flex-wrap:wrap}
.ev-badge{display:inline-flex;align-items:center;gap:.3rem;padding:.25rem .625rem;border-radius:6px;font-size:.75rem;font-weight:600}
.ev-badge.page{background:rgba(63,185,80,.12);color:#3fb950;border:1px solid rgba(63,185,80,.2)}
.ev-badge.phi{background:rgba(99,102,241,.12);color:#a5b4fc;border:1px solid rgba(99,102,241,.2)}
.ev-body{color:#cdd9e5;font-size:.875rem;line-height:1.8}
.ev-p{margin-bottom:.75rem}
.ev-highlight,.ev-body mark.ev-highlight{background:rgba(250,204,21,.18);color:#fde047;border-radius:2px;padding:0 2px;font-style:normal}
.ev-term{color:#7ee787;font-weight:600}
.ev-section{color:#ffa657;font-weight:600}
.ev-list-item{display:flex;gap:.5rem;margin:.3rem 0}
.ev-num,.ev-bullet{color:#79c0ff;font-weight:700;flex-shrink:0}

#textContent .ev-body, #etabContentText .ev-body{padding:1rem}
#etabContentText{padding:0}

/* PDF */
.pdf-controls{display:flex;gap:.4rem;align-items:center;padding:.5rem .875rem;
  background:rgba(0,0,0,.2);border-bottom:1px solid var(--border-dark);flex-shrink:0;flex-wrap:wrap}
.pdf-controls button{padding:.25rem .625rem;border-radius:5px;border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.05);color:#8b949e;font-size:.8125rem;transition:all .15s}
.pdf-controls button:hover{background:rgba(255,255,255,.12);color:#e6edf3}
#pdfZoom{color:#8b949e;font-size:.8125rem;min-width:42px;text-align:center}
.pdf-container{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;align-items:center;gap:.875rem}
.pdf-nav{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem;
  background:rgba(0,0,0,.3);border-radius:8px;width:100%;flex-wrap:wrap}
.pdf-nav-btn{padding:.375rem .875rem;border-radius:6px;border:1px solid rgba(255,255,255,.1);
  background:rgba(255,255,255,.06);color:#8b949e;font-size:.8125rem;transition:all .15s}
.pdf-nav-btn:hover:not(:disabled){background:rgba(255,255,255,.14);color:#e6edf3}
.pdf-nav-btn:disabled{opacity:.3;cursor:not-allowed}
.pdf-nav-btn.accent{background:rgba(37,99,235,.2);border-color:rgba(37,99,235,.3);color:#79c0ff}
.pdf-nav-btn.danger{background:rgba(248,81,73,.15);border-color:rgba(248,81,73,.25);color:#f85149}
.pdf-nav-center{display:flex;align-items:center;gap:.4rem}
.pdf-page-input{width:48px;padding:.3rem;border:1px solid rgba(255,255,255,.12);border-radius:5px;
  background:rgba(255,255,255,.07);color:#e6edf3;text-align:center;font-size:.8125rem;outline:none}
.pdf-page-total{color:#8b949e;font-size:.8125rem}
.pdf-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;gap:1rem;color:#8b949e}
.pdf-spinner{width:32px;height:32px;border:3px solid rgba(255,255,255,.1);border-top-color:#79c0ff;border-radius:50%;animation:spin .8s linear infinite}
.pdf-error{padding:2rem;text-align:center;color:#f85149;font-size:.875rem}
.pdf-placeholder{padding:2rem;text-align:center;color:#484f58;font-size:.875rem}

/* Fullscreen */
.fullscreen-overlay{position:fixed;inset:0;background:#0d1117;z-index:9999;display:none;flex-direction:column}
.fullscreen-overlay.show{display:flex}
.fullscreen-bar{background:#161b22;padding:.875rem 1.5rem;display:flex;justify-content:space-between;
  align-items:center;border-bottom:1px solid var(--border-dark);flex-shrink:0}
.fullscreen-bar span{color:#e6edf3;font-weight:600}
.fs-btn{padding:.375rem .875rem;border-radius:6px;border:1px solid rgba(255,255,255,.1);
  background:rgba(255,255,255,.05);color:#8b949e;font-size:.875rem;transition:all .15s}
.fs-btn:hover{background:rgba(255,255,255,.12);color:#e6edf3}
.fs-close{background:rgba(248,81,73,.12);border-color:rgba(248,81,73,.2);color:#f85149}
.fullscreen-content{flex:1;overflow-y:auto;display:flex;flex-direction:column;align-items:center;padding:2rem;gap:1rem}
#fsZoom{color:#8b949e;font-size:.875rem;min-width:42px;text-align:center}

/* Modals */
.modal{display:none;position:fixed;inset:0;background:rgba(0,0,0,.65);z-index:500;
  align-items:center;justify-content:center;padding:1rem;backdrop-filter:blur(4px)}
.modal.show{display:flex}
.modal-card{background:#fff;border-radius:14px;width:100%;max-width:480px;
  box-shadow:var(--shadow-lg);overflow:hidden;animation:slideUp .2s ease}
@keyframes slideUp{from{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}
.modal-header{padding:1.125rem 1.5rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border)}
.modal-header h3{font-size:1rem;font-weight:700;color:var(--text-1)}
.modal-header button{border:none;background:none;font-size:1.375rem;color:var(--text-3);line-height:1;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:background .15s}
.modal-header button:hover{background:var(--main-bg)}
.modal-body{padding:1.5rem}
.modal-body label{display:block;font-size:.8125rem;font-weight:500;color:var(--text-2);margin-bottom:.375rem}
.modal-input{width:100%;padding:.6875rem .875rem;border:1.5px solid var(--border);border-radius:8px;
  font-size:.9375rem;font-family:inherit;outline:none;transition:border-color .2s,box-shadow .2s;background:var(--main-bg)}
.modal-input:focus{border-color:var(--primary);background:#fff;box-shadow:0 0 0 3px rgba(37,99,235,.08)}
.modal-footer{padding:1rem 1.5rem;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:.75rem}

.btn-primary{padding:.625rem 1.25rem;background:var(--primary);color:#fff;border:none;border-radius:8px;
  font-size:.875rem;font-weight:600;transition:all .15s}
.btn-primary:hover:not(:disabled){background:var(--primary-dk);transform:translateY(-1px)}
.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}
.btn-secondary{padding:.625rem 1.25rem;background:transparent;color:var(--text-2);border:1px solid var(--border);
  border-radius:8px;font-size:.875rem;font-weight:500;transition:all .15s}
.btn-secondary:hover{background:var(--main-bg);color:var(--text-1)}

/* Drop zone */
.drop-zone{border:2px dashed var(--border);border-radius:12px;padding:2rem;text-align:center;
  cursor:pointer;transition:all .2s;background:var(--main-bg)}
.drop-zone:hover,.drop-zone.over{border-color:var(--primary);background:var(--primary-light)}
.drop-icon{font-size:2.25rem;margin-bottom:.75rem}
.drop-zone p{color:var(--text-2);font-size:.9375rem;margin-bottom:.25rem}
.selected-file-name{margin-top:.75rem;color:var(--primary);font-weight:500;font-size:.875rem}

/* Upload progress */
.upload-progress-area{margin-top:1rem}
.progress-label{font-size:.8125rem;color:var(--text-2);margin-bottom:.5rem;text-align:center}
.progress-bar{height:6px;background:var(--border);border-radius:99px;overflow:hidden}
.progress-fill{height:100%;background:linear-gradient(90deg,var(--primary),#4f46e5);
  border-radius:99px;transition:width .3s;width:0%}

/* Project create progress */
.create-project-progress{margin-top:1rem;display:none}
.create-progress-label{font-size:.8125rem;color:var(--text-2);margin-bottom:.5rem}
.create-progress-bar{height:5px;background:var(--border);border-radius:99px;overflow:hidden}
.create-progress-fill{height:100%;background:linear-gradient(90deg,var(--primary),#4f46e5);
  border-radius:99px;transition:width .4s;width:0%}

/* Users table */
.users-table{width:100%;border-collapse:collapse;font-size:.875rem}
.users-table th{text-align:left;padding:.625rem .875rem;border-bottom:2px solid var(--border);
  color:var(--text-3);font-weight:600;text-transform:uppercase;font-size:.6875rem;letter-spacing:.05em}
.users-table td{padding:.75rem .875rem;border-bottom:1px solid var(--border);color:var(--text-1)}
.users-table tr:hover td{background:var(--main-bg)}
.role-badge{padding:.2rem .5rem;border-radius:4px;font-size:.7rem;font-weight:600}
.role-badge.admin{background:#eff6ff;color:#2563eb}
.role-badge.user{background:#f8fafc;color:#64748b}
.active-badge{width:7px;height:7px;border-radius:50%;display:inline-block;margin-right:.25rem}
.active-badge.on{background:var(--success)}.active-badge.off{background:var(--error)}

/* Toast */
.toast{position:fixed;bottom:1.5rem;right:1.5rem;padding:.75rem 1.25rem;border-radius:10px;
  font-size:.875rem;font-weight:500;color:#fff;z-index:9000;transform:translateY(120px);opacity:0;
  transition:all .3s cubic-bezier(.4,0,.2,1);max-width:360px;box-shadow:var(--shadow-lg)}
.toast.show{transform:translateY(0);opacity:1}
.toast.success{background:#065f46;border:1px solid rgba(16,185,129,.3)}
.toast.error{background:#7f1d1d;border:1px solid rgba(239,68,68,.3)}
.toast.info{background:#1e3a5f;border:1px solid rgba(37,99,235,.3)}

/* Loading */
.loading-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:8000;
  align-items:center;justify-content:center;flex-direction:column;gap:1rem;backdrop-filter:blur(2px)}
.loading-overlay.show{display:flex}
.spinner{width:38px;height:38px;border:3px solid rgba(255,255,255,.2);border-top-color:#fff;
  border-radius:50%;animation:spin .8s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
#loadingText{color:#fff;font-size:.9375rem;font-weight:500}

/* Scrollbar */
::-webkit-scrollbar{width:5px;height:5px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:rgba(0,0,0,.12);border-radius:99px}
.sidebar ::-webkit-scrollbar-thumb,.evidence-panel ::-webkit-scrollbar-thumb{background:rgba(255,255,255,.08)}

/* Project search */
.project-search-wrap{padding:.375rem 0 .5rem;position:sticky;top:0;background:var(--sidebar-bg);z-index:1}
.project-search{width:100%;padding:.5rem .75rem;border:1px solid rgba(255,255,255,.08);border-radius:8px;
  background:rgba(255,255,255,.05);color:#cdd9e5;font-size:.8125rem;outline:none;transition:all .2s;
  font-family:'Inter',sans-serif}
.project-search::placeholder{color:#484f58}
.project-search:focus{border-color:rgba(37,99,235,.4);background:rgba(37,99,235,.06);box-shadow:0 0 0 2px rgba(37,99,235,.1)}
.projects-list{max-height:calc(100vh - 320px);overflow-y:auto}
.proj-count{font-size:.6875rem;color:#484f58;padding:.25rem 0 .375rem;text-align:center}

/* Message footer (time + copy button row) */
.msg-footer{display:flex;align-items:center;justify-content:space-between;margin-top:.375rem;padding:0 .25rem;min-height:1.25rem}
.message.user .msg-footer{flex-direction:row-reverse}

/* Copy button */
.msg-copy-btn{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .55rem;
  border:1px solid var(--border);border-radius:5px;background:transparent;
  color:var(--text-3);font-size:.6875rem;font-weight:500;cursor:pointer;
  transition:all .15s;opacity:0;font-family:inherit}
.msg-copy-btn span{line-height:1}
.message:hover .msg-copy-btn{opacity:1}
.msg-copy-btn:hover{background:var(--primary-light);border-color:#93c5fd;color:var(--primary)}
.msg-copy-btn.copied{background:#ecfdf5;border-color:#6ee7b7;color:#059669;opacity:1}