*{margin:0;padding:0;box-sizing:border-box}
        :root{
            --bg:#f5f5f0;--surface:#fff;--surface2:#f0efe8;--border:#d4d0c8;
            --text:#1a1a2e;--muted:#6b7280;--accent:#1e3a5f;--accent2:#2d5a87;
            --highlight:#c0392b;--success:#27ae60;--warning:#f39c12;--danger:#e74c3c;
            --shadow:0 1px 3px rgba(0,0,0,0.08);--shadow-lg:0 4px 12px rgba(0,0,0,0.1);
            --radius:8px;--radius-lg:12px;
            --sidebar-w:280px;
        }
        html,body{height:100%;overflow:hidden}
        body{font-family:'Georgia','Times New Roman',serif;background:var(--bg);color:var(--text)}
        .sans{font-family:'Segoe UI',system-ui,sans-serif}

        /* HEADER */
        .header{height:48px;background:var(--surface);border-bottom:2px solid var(--accent);padding:0 20px;display:flex;justify-content:space-between;align-items:center;box-shadow:var(--shadow);flex-shrink:0}
        .logo{display:flex;align-items:center;gap:10px}
        .logo h1{font-size:1.4rem;font-weight:700;color:var(--accent);letter-spacing:2px}
        .logo .sub{font-size:0.72rem;color:var(--muted);font-style:italic}
        .header-right{display:flex;align-items:center;gap:12px}
        .theme-switcher{
            display:flex;
            gap:4px;
            background:var(--surface);
            border:1px solid var(--border);
            border-radius:var(--radius);
            padding:2px;
            margin-left:10px;
        }
        .theme-btn{
            background:transparent;
            border:none;
            padding:4px 10px;
            border-radius:4px;
            font-size:0.7rem;
            font-weight:600;
            color:var(--muted);
            cursor:pointer;
            transition:all 0.15s;
            text-transform:uppercase;
            letter-spacing:0.3px;
        }
        .theme-btn.active{
            background:var(--accent);
            color:white;
        }
        .theme-btn:hover:not(.active){
            background:var(--surface2);
            color:var(--text);
        }
        .status-pill{display:flex;align-items:center;gap:6px;padding:3px 10px;border-radius:20px;font-size:0.72rem;font-family:'Segoe UI',sans-serif;background:var(--surface2);border:1px solid var(--border)}
        .status-dot{width:7px;height:7px;border-radius:50%;background:var(--success)}
        .status-dot.offline{background:var(--danger)}

        /* MAIN: 3-column */
        .main{display:flex;height:calc(100vh - 48px)}

        /* ===== SIDEBAR ===== */
        .sidebar{width:var(--sidebar-w);min-width:220px;max-width:400px;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden;flex-shrink:0}
        .sidebar-resize{width:4px;cursor:col-resize;background:transparent;transition:background 0.2s;flex-shrink:0}
        .sidebar-resize:hover,.sidebar-resize.active{background:var(--accent)}
        .sb-header{padding:10px 14px;border-bottom:1px solid var(--border);font-family:'Segoe UI',sans-serif;font-size:0.78rem;font-weight:600;color:var(--accent);text-transform:uppercase;letter-spacing:1px;display:flex;justify-content:space-between;align-items:center}
        .sb-body{flex:1;overflow-y:auto;padding:6px}
        .sb-section{margin-bottom:4px}
        .sb-section-title{font-size:0.68rem;color:var(--muted);text-transform:uppercase;letter-spacing:0.5px;padding:6px 10px 3px;font-family:'Segoe UI',sans-serif;display:flex;justify-content:space-between;align-items:center}
        .sb-section-title .count{background:var(--accent);color:white;border-radius:10px;padding:0 7px;font-size:0.65rem;font-weight:700}

        /* Doc items */
        .doc-item{padding:7px 10px;border-radius:var(--radius);cursor:pointer;font-size:0.8rem;transition:all 0.15s;border:1px solid transparent;font-family:'Segoe UI',sans-serif;display:flex;align-items:center;gap:8px;position:relative}
        .doc-item:hover{background:var(--surface2);border-color:var(--border)}
        .doc-item.selected{background:rgba(30,58,95,0.08);border-color:var(--accent)}
        .doc-item.selected.active{background:var(--accent);color:white}
        .doc-item .doc-check{width:15px;height:15px;cursor:pointer;flex-shrink:0}
        .doc-item .doc-name{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}
        .doc-item .doc-meta{font-size:0.68rem;color:var(--muted);margin-top:1px}
        .doc-item.active .doc-meta{color:rgba(255,255,255,0.7)}
        .sb-folder{margin:0 0 2px 0;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}
        .sb-folder-header{display:flex;align-items:center;gap:6px;padding:6px 8px;cursor:pointer;font-size:0.76rem;font-weight:600}
        .sb-folder-header:hover{background:var(--surface2)}
        .sb-folder-toggle{color:var(--muted);width:14px}
        .sb-folder-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
        .sb-folder-del,.sb-add-folder,.sb-folder-move{cursor:pointer;color:var(--muted);font-size:0.72rem;line-height:1;padding:2px}
        .sb-folder-del:hover,.sb-add-folder:hover,.sb-folder-move:hover{color:var(--accent)}
        .sb-add-folder{font-weight:700}
        .sb-hint{font-size:0.7rem;color:var(--muted);margin:6px 2px;padding-left:4px}

        /* Action buttons in sidebar */
        .sb-actions{padding:8px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:4px}
        .sb-action-btn{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:0.78rem;cursor:pointer;transition:all 0.15s;font-family:'Segoe UI',sans-serif;width:100%;text-align:left}
        .sb-action-btn:hover{background:var(--accent);color:white;border-color:var(--accent)}
        .sb-action-btn .icon{width:20px;text-align:center;flex-shrink:0}
        .sb-action-btn .label{flex:1}
        .sb-action-btn .badge{background:var(--warning);color:white;border-radius:10px;padding:0 6px;font-size:0.65rem;font-weight:700;min-width:18px;text-align:center}
        .sb-divider{height:1px;background:var(--border);margin:4px 10px}

        /* ===== CENTER PANEL: Document ===== */
        .center{flex:1;min-width:200px;display:flex;flex-direction:column;overflow:hidden;position:relative}
        .center-resize{position:absolute;right:-3px;top:0;bottom:0;width:6px;cursor:col-resize;z-index:10;transition:background 0.2s}
        .center-resize:hover,.center-resize.active{background:var(--accent)}
        .center-header{padding:8px 14px;background:var(--surface2);border-bottom:1px solid var(--border);font-family:'Segoe UI',sans-serif;font-size:0.78rem;font-weight:600;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}
        .center-body{flex:1;overflow-y:auto;padding:12px 16px;font-size:0.84rem;line-height:1.7}
        .doc-line{display:flex;align-items:baseline;gap:8px;font-size:0.84rem;line-height:1.5;padding:1px 0}
        .doc-line-num{color:#94A3B8;user-select:none;width:28px;text-align:right;flex-shrink:0;font-size:0.72rem;font-family:'JetBrains Mono',monospace}
        .doc-line-text{flex:1;word-break:break-word;white-space:pre-wrap;min-width:0}
        .doc-compare-tabs{display:flex;align-items:center;gap:8px}
        .side-label{font-size:0.72rem;font-weight:600;color:var(--muted);padding:3px 10px;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface)}
        .side-label.active{background:var(--success);color:#fff;border-color:var(--success)}
        .compare-body{display:flex;gap:0;padding:0}
        .compare-col{flex:1;min-width:0;overflow-y:auto;padding:12px 16px;background:var(--surface)}
        .compare-col + .compare-col{border-left:2px solid var(--border)}
        .compare-col-title{font-size:0.74rem;font-weight:700;margin-bottom:8px;display:flex;align-items:center;gap:6px}
        .compare-col.orig .compare-col-title{color:var(--muted)}
        .compare-col.redac .compare-col-title{color:var(--success)}
        .compare-col.orig.mask-active{
            animation:maskPulse 1s ease-in-out infinite;
            box-shadow:inset 3px 0 0 0 var(--warning);
        }
        @keyframes maskPulse{
            0%,100%{box-shadow:inset 3px 0 0 0 rgba(243,156,18,0.4)}
            50%{box-shadow:inset 3px 0 0 0 rgba(243,156,18,1)}
        }
        .doc-lines-counter{font-size:0.7rem;color:var(--muted);margin-bottom:8px;padding:4px 10px;background:var(--surface2);border-radius:var(--radius);display:inline-block}
        .doc-token{background:rgba(233,69,96,0.12);color:var(--accent);border-radius:3px;padding:0 2px;font-family:'JetBrains Mono',monospace;font-size:0.78rem}

        /* ===== RIGHT PANEL: Chat ===== */
        .right{width:42%;min-width:280px;display:flex;flex-direction:column;background:var(--surface2);flex-shrink:0}
        .right-tabs{display:flex;border-bottom:2px solid var(--border);background:var(--surface);flex-shrink:0}
        .right-tab{padding:8px 16px;cursor:pointer;font-size:0.78rem;color:var(--muted);border-bottom:2px solid transparent;margin-bottom:-2px;transition:all 0.2s;font-family:'Segoe UI',sans-serif}
        .right-tab:hover{color:var(--text)}
        .right-tab.active{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}
        .right-header{padding:6px 14px;background:var(--surface);border-bottom:1px solid var(--border);font-family:'Segoe UI',sans-serif;font-size:0.75rem;font-weight:600;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}

        /* Chat */
        .chat-messages{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:8px}
        .msg{padding:9px 13px;border-radius:var(--radius);max-width:92%;font-size:0.85rem;line-height:1.6;animation:fadeIn 0.15s ease;font-family:'Segoe UI',sans-serif}
        @keyframes fadeIn{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
        .msg.user{background:var(--accent);color:white;align-self:flex-end;border-bottom-right-radius:4px}
        .msg.ai{background:var(--surface);border:1px solid var(--border);align-self:flex-start;border-bottom-left-radius:4px;box-shadow:var(--shadow)}
        .msg.system{background:rgba(39,174,96,0.1);border:1px solid rgba(39,174,96,0.2);align-self:center;font-size:0.75rem;color:var(--success);text-align:center}
        .msg.warning{background:rgba(243,156,18,0.1);border:1px solid rgba(243,156,18,0.2);align-self:center;font-size:0.75rem;color:var(--warning);text-align:center}
        .msg-content{word-wrap:break-word}
        .msg-content p{margin-bottom:6px}
        .msg-content p:last-child{margin-bottom:0}

        /* PII ALERT */
        .pii-alert{background:rgba(243,156,18,0.06);border:1px solid rgba(243,156,18,0.3);border-radius:var(--radius-lg);padding:14px;margin:6px 0}
        .pii-header{display:flex;align-items:center;gap:8px;font-weight:700;color:var(--warning);margin-bottom:8px;font-size:0.85rem;font-family:'Segoe UI',sans-serif}
        .pii-list{list-style:none;padding:0}
        .pii-list li{padding:2px 0;font-size:0.78rem;display:flex;align-items:center;gap:6px;font-family:'Segoe UI',sans-serif}
        .pii-type-badge{background:rgba(243,156,18,0.15);color:var(--warning);padding:1px 7px;border-radius:10px;font-size:0.66rem;font-weight:600;white-space:nowrap}
        .pii-value{color:#555;font-family:'JetBrains Mono',monospace;font-size:0.74rem}
        .pii-actions{display:flex;gap:6px;margin-top:10px;flex-wrap:wrap}
        .pii-btn{padding:6px 14px;border-radius:var(--radius);border:none;font-size:0.78rem;font-weight:600;cursor:pointer;font-family:'Segoe UI',sans-serif}
        .pii-btn-allow{background:var(--success);color:white}
        .pii-btn-allow:hover{background:#219a52}
        .pii-btn-block{background:var(--danger);color:white}
        .pii-btn-block:hover{background:#c0392b}
        .pii-btn-download{background:var(--surface);color:var(--text);border:1px solid var(--border)}
        .pii-btn-download:hover{background:var(--surface2)}

        /* Pipeline */
        .pipeline{display:flex;gap:3px;padding:5px 12px;border-top:1px solid var(--border);background:var(--surface);align-items:center;flex-wrap:wrap;flex-shrink:0}
        .pipeline-step{display:flex;align-items:center;gap:4px;font-size:0.66rem;padding:2px 7px;border-radius:10px;background:var(--surface2);color:var(--muted);transition:all 0.3s;font-family:'Segoe UI',sans-serif}
        .pipeline-step.active{background:rgba(30,58,95,0.15);color:var(--accent)}
        .pipeline-step.done{background:rgba(39,174,96,0.15);color:var(--success)}
        .pipeline-step .dot{width:5px;height:5px;border-radius:50%;background:currentColor}
        .pipeline-arrow{color:var(--border);font-size:0.62rem}

        /* Quick actions */
        .quick-actions{display:flex;gap:4px;flex-wrap:wrap;padding:6px 12px;border-top:1px solid var(--border);background:var(--surface);flex-shrink:0}
        .quick-btn{background:var(--surface2);border:1px solid var(--border);color:var(--text);padding:3px 10px;border-radius:14px;font-size:0.72rem;cursor:pointer;transition:all 0.15s;font-family:'Segoe UI',sans-serif}
        .quick-btn:hover{background:var(--accent);color:white;border-color:var(--accent)}
        .quick-btn:disabled{opacity:0.35;cursor:not-allowed}

        /* Chat input */
        .chat-input{display:flex;gap:6px;padding:8px 12px;border-top:1px solid var(--border);background:var(--surface);flex-shrink:0}
        .chat-input input{flex:1;background:var(--bg);border:1px solid var(--border);padding:7px 11px;border-radius:var(--radius);color:var(--text);font-size:0.85rem;font-family:'Segoe UI',sans-serif}
        .chat-input input:focus{outline:none;border-color:var(--accent)}
        .chat-input input:disabled{opacity:0.4}
        .btn{background:var(--accent);color:white;border:none;padding:7px 16px;border-radius:var(--radius);font-weight:600;cursor:pointer;font-size:0.8rem;font-family:'Segoe UI',sans-serif}
        .btn:hover{background:var(--accent2)}
        .btn:disabled{opacity:0.4;cursor:not-allowed}

        /* Upload zone */
        .upload-zone{background:var(--surface);border:2px dashed var(--border);border-radius:var(--radius-lg);padding:50px 30px;text-align:center;margin:20px;cursor:pointer;transition:all 0.3s}
        .upload-zone:hover{border-color:var(--accent);background:rgba(30,58,95,0.02)}
        .upload-zone.dragover{border-color:var(--success);background:rgba(39,174,96,0.02)}
        .upload-zone h3{margin:10px 0 6px;font-size:1rem;color:var(--accent)}
        .upload-zone p{color:var(--muted);font-size:0.8rem}
        .upload-icon{font-size:2.2rem}

        /* Stats */
        .stats-row{display:flex;gap:5px;flex-wrap:wrap;margin:6px 0}
        .stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:5px 10px;font-size:0.72rem;flex:1;min-width:70px;text-align:center;font-family:'Segoe UI',sans-serif}
        .stat-value{font-size:0.95rem;font-weight:700;color:var(--accent)}
        .stat-label{color:var(--muted);font-size:0.65rem;margin-top:1px}

        .hidden{display:none!important}
        .spinner{width:16px;height:16px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin 0.7s linear infinite;display:inline-block}
        @keyframes spin{to{transform:rotate(360deg)}}

        /* MODAL */
        .modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.4);display:flex;align-items:center;justify-content:center;z-index:1000}
        .modal{background:var(--surface);border-radius:var(--radius-lg);padding:24px;max-width:420px;width:90%;box-shadow:var(--shadow-lg);border:1px solid var(--border)}
        .modal h3{color:var(--accent);margin-bottom:12px;font-size:1.1rem}
        .modal label{display:block;font-size:0.8rem;color:var(--muted);margin-bottom:4px;font-family:'Segoe UI',sans-serif}
        .modal input[type="text"],.modal input[type="password"]{width:100%;padding:8px 12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);font-size:0.88rem;margin-bottom:12px;font-family:'Segoe UI',sans-serif}
        .modal input:focus{outline:none;border-color:var(--accent)}
        .modal select{width:100%;padding:8px 12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);font-size:0.88rem;margin-bottom:12px;font-family:'Segoe UI',sans-serif}
        .modal-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:8px}
        .modal-btn{padding:7px 16px;border-radius:var(--radius);border:none;font-size:0.82rem;font-weight:600;cursor:pointer;font-family:'Segoe UI',sans-serif}
        .modal-btn-primary{background:var(--accent);color:white}
        .modal-btn-primary:hover{background:var(--accent2)}
        .modal-btn-cancel{background:var(--surface2);color:var(--text);border:1px solid var(--border)}

        /* Audit table */
        .audit-table{width:100%;border-collapse:collapse;font-size:0.76rem;font-family:'Segoe UI',sans-serif}
        .audit-table th{background:var(--accent);color:white;padding:7px 10px;text-align:left;position:sticky;top:0}
        .audit-table td{padding:5px 10px;border-bottom:1px solid var(--border)}
        .audit-table tr:hover{background:var(--surface2)}
        .audit-action{display:inline-block;padding:1px 7px;border-radius:8px;font-size:0.68rem;font-weight:600}
        .audit-action.create{background:rgba(39,174,96,0.15);color:var(--success)}
        .audit-action.upload{background:rgba(30,58,95,0.15);color:var(--accent)}
        .audit-action.process{background:rgba(243,156,18,0.15);color:var(--warning)}

        footer{text-align:center;padding:8px;color:var(--muted);font-size:0.68rem;border-top:1px solid var(--border);font-family:'Segoe UI',sans-serif;flex-shrink:0}

        /* RESPONSIVE */
        @media(max-width:900px){
            .sidebar{width:0;min-width:0;overflow:hidden}
            .sidebar.open{width:var(--sidebar-w);min-width:var(--sidebar-w);position:absolute;top:48px;left:0;bottom:0;z-index:100;box-shadow:var(--shadow-lg)}
            .right{width:100%;min-width:0}
            .center{min-width:0}
            .resize-handle,.sidebar-resize,.center-resize{display:none}
        }