:root{--bg:#f8fafc;--panel:#ffffff;--text:#0f172a;--muted:#64748b;--line:#e2e8f0;--brand:#15367a;--tab-bg:#f1f5f9;}

    /* Login Screen Styles*/
    .login-container{display:none;position:fixed;top:0;left:0;width:100%;height:100%;align-items:center;justify-content:center;background:linear-gradient(135deg,#0372b5 0%,#15367a 100%);z-index:2000}
    .login-container.show{display:flex}
    .login-box{background:#fff;border-radius:16px;box-shadow:0 10px 40px rgba(0,0,0,0.15);padding:40px;width:100%;max-width:400px}
    .login-title{font-size:28px;font-weight:700;color:#0372b5;margin-bottom:8px;text-align:center;font-family:'General Sans',system-ui,sans-serif;letter-spacing:-0.02em}
    .login-subtitle{color:var(--muted);text-align:center;margin-bottom:32px;font-size:14px}
    .login-form-group{margin-bottom:20px}
    .login-label{display:block;font-weight:500;margin-bottom:8px;color:var(--text);font-size:14px}
    .login-input{width:100%;padding:12px 16px;border:1px solid var(--line);border-radius:12px;font-size:15px;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);font-family:inherit;background:#f8fafc}
    .login-input:focus{outline:none;border-color:#0372b5;box-shadow:0 0 0 3px rgba(3,114,181,0.12)}
    .login-btn{width:100%;padding:14px;background:#0372b5;color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);text-transform:uppercase;letter-spacing:0.5px;box-shadow:0 4px 14px rgba(3,114,181,0.25)}
    .login-btn:hover{background:#15367a;transform:translateY(-2px);box-shadow:0 6px 20px rgba(3,114,181,0.35)}
    .login-btn:active{transform:scale(0.98)}
    .login-btn:disabled{opacity:0.6;cursor:not-allowed;transform:none}
    .login-error{background:#fee;border:1px solid #fcc;color:#dc2626;padding:12px;border-radius:12px;margin-bottom:20px;font-size:14px;display:none}
    .login-error.show{display:block}
    .main-container{display:none}
    .main-container.show{display:block}
    .logout-btn{margin-left:auto}
    *{box-sizing:border-box}
    body{margin:0;background:var(--bg);color:var(--text);font:14px/1.45 'Satoshi',system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,"Noto Sans",sans-serif}
    .topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:.75rem;height:56px;padding:0 20px;background:#15367a;border-bottom:1px solid var(--line)}
    .brand{font-family:'General Sans',system-ui,sans-serif;font-weight:700;letter-spacing:.06em;color:#fff}
    .wrap{max-width:1200px;margin:16px auto 48px;padding:0 16px}
    .page-title{font-size:12px;color:var(--muted);margin:8px 0 6px;text-transform:uppercase;letter-spacing:.06em;font-weight:500}
    .pand-name{font-family:'General Sans',system-ui,sans-serif;font-size:20px;font-weight:700;margin:0 0 12px;letter-spacing:-0.02em}
    .grid{display:grid;gap:16px;grid-template-columns:minmax(350px,1fr) minmax(420px,1.2fr)}
    .card{background:var(--panel);border:1px solid var(--line);border-radius:12px;overflow:hidden}
    .tabs{display:flex;gap:4px;padding:8px;background:var(--tab-bg);border-bottom:1px solid var(--line)}
    .tab{appearance:none;border:0;background:transparent;cursor:pointer;padding:8px 10px;border-radius:8px;font-weight:500;color:var(--muted);transition:all 0.3s cubic-bezier(0.4,0,0.2,1)}
    .tab[aria-selected="true"]{color:var(--text);background:#fff;box-shadow:0 1px 3px rgba(0,0,0,0.06)}
    .tab:hover{background:#f1f5f9}
    .tabpanes{padding:10px}
    .hidden{display:none!important}
    .kv{border:1px solid var(--line);border-radius:12px;overflow:hidden}
    .kv-row{display:grid;grid-template-columns:170px 1fr;border-top:1px solid var(--line);padding:10px 12px;background:#fff}
    .kv-row:first-child{border-top:0}
    .kv-key{color:var(--muted);font-weight:500;font-size:14px}
    .kv-val{color:var(--text)}
    .address .line{display:block}
    .section{border:1px solid var(--line);border-radius:12px;overflow:hidden;margin-bottom:10px;background:#fff}
    .section-head{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:var(--tab-bg);border-bottom:1px solid var(--line);font-weight:600}
    .status-pill{border-radius:9999px;padding:2px 8px;font-size:12px;border:1px solid;font-weight:600}
    .status-pill.success{color:#166534;border-color:#86efac;background:#f0fdf4}
    .status-pill.warning{color:#92400e;border-color:#f59e0b;background:#fef3c7}
    .status-pill.danger{color:#991b1b;border-color:#ef4444;background:#fee2e2}
    .status-pill.info{color:#1e40af;border-color:#3b82f6;background:#dbeafe}
    .status-pill.screening-done{color:#065f46;border-color:#34d399;background:#d1fae5}
    .muted{color:var(--muted)}
    .doc-header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid var(--line);font-weight:600}
    .doc-list{padding:4px 0}
    .folder{width:100%;text-align:left;background:#fff;border:0;cursor:pointer;padding:10px 12px;display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:8px;border-top:1px solid var(--line);transition:background 0.3s cubic-bezier(0.4,0,0.2,1)}
    .folder:first-child{border-top:0}
    .folder:hover{background:#f1f5f9}
    .folder[aria-expanded="true"]{background:#f8fafc}
    .badge{color:var(--muted);font-size:12px}
    .folder-panel{display:none;border-top:1px dashed var(--line);padding:10px 14px;background:#f8fafc;color:var(--muted)}
    .folder[aria-expanded="true"] + .folder-panel{display:block}
    svg.icon{width:18px;height:18px;flex:0 0 18px;color:#64748b}
    .doc-item{display:flex;align-items:center;gap:8px;padding:8px 12px;border-bottom:1px solid var(--line);cursor:pointer;text-decoration:none;color:var(--text);transition:background 0.3s cubic-bezier(0.4,0,0.2,1)}
    .doc-item:hover{background:#f1f5f9}
    .doc-item:last-child{border-bottom:0}
    .doc-icon{width:20px;height:20px;flex:0 0 20px;color:#dc2626}
    @media (max-width:900px){.grid{grid-template-columns:1fr}}

    /* Nested tabs for Financial section */
    .nested-tabs{display:flex;gap:4px;padding:8px;background:#f8fafc;border-bottom:1px solid var(--line);flex-wrap:wrap}
    .nested-tab{appearance:none;border:0;background:transparent;cursor:pointer;padding:6px 10px;border-radius:8px;font-weight:500;color:var(--muted);font-size:13px;transition:all 0.3s cubic-bezier(0.4,0,0.2,1)}
    .nested-tab[aria-selected="true"]{color:var(--text);background:#fff;box-shadow:0 1px 2px rgba(0,0,0,0.05)}
    .nested-tab:hover{background:#f1f5f9}
    .nested-tabpanes{padding:10px}
    .nested-pane{display:none}
    .nested-pane.active{display:block}

    /* List view (table) */
    .list-card{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden}
    .table{width:100%;border-collapse:collapse}
    .table th,.table td{padding:10px 12px;border-top:1px solid var(--line);text-align:left}
    .table thead th{background:var(--tab-bg);font-weight:600}
    .table tr:first-child td{border-top:0}
    .rowlink{cursor:pointer;transition:background 0.3s cubic-bezier(0.4,0,0.2,1)}
    .rowlink:hover{background:#f1f5f9}
    .toolbar{display:flex;align-items:center;justify-content:space-between;margin:8px 0 12px}
    .btn{appearance:none;border:1px solid var(--line);background:#fff;border-radius:12px;padding:6px 10px;cursor:pointer;transition:all 0.3s cubic-bezier(0.4,0,0.2,1)}
    .btn:hover{background:#f1f5f9}
    .btn:active{transform:scale(0.98)}
    .btn-primary{background:#0372b5;color:#fff;border-color:#0372b5;font-weight:600;box-shadow:0 2px 8px rgba(3,114,181,0.2)}
    .btn-primary:hover{background:#15367a;box-shadow:0 4px 14px rgba(3,114,181,0.3)}
    .btn-success{background:#28a745;color:#fff;border-color:#28a745}
    .btn-success:hover{background:#218838}
    .btn-secondary{background:#64748b;color:#fff;border-color:#64748b}
    .btn-secondary:hover{background:#475569}

    /* Modal */
    .modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;overflow:auto;background:rgba(0,0,0,0.5)}
    .modal.show{display:flex;align-items:center;justify-content:center}
    .modal-content{background:#fff;border-radius:16px;max-width:700px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px rgba(0,0,0,0.15)}
    .modal-header{padding:20px 24px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}
    .modal-title{font-family:'General Sans',system-ui,sans-serif;font-size:20px;font-weight:700;margin:0;letter-spacing:-0.02em}
    .close{cursor:pointer;font-size:28px;font-weight:700;color:var(--muted);border:0;background:transparent;padding:0;line-height:1;transition:color 0.3s}
    .close:hover{color:var(--text)}
    .modal-body{padding:24px}
    .form-group{margin-bottom:20px}
    .form-group label{display:block;font-weight:500;margin-bottom:6px;color:var(--text);font-size:14px}
    .form-group input,.form-group select{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:12px;font-size:14px;background:#f8fafc;transition:all 0.3s cubic-bezier(0.4,0,0.2,1)}
    .form-group input:focus,.form-group select:focus{outline:none;border-color:#0372b5;box-shadow:0 0 0 3px rgba(3,114,181,0.12)}
    .form-group small{display:block;margin-top:4px;color:var(--muted);font-size:12px}
    .form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
    .required{color:#dc3545}
    .alert{padding:12px 16px;border-radius:12px;margin-bottom:16px;display:none}
    .alert.show{display:block}
    .alert.success{background:#d1fae5;color:#065f46;border:1px solid #6ee7b7}
    .alert.error{background:#fee2e2;color:#991b1b;border:1px solid #fca5a5}
    .url-display{background:var(--tab-bg);padding:16px;border-radius:12px;margin-top:16px;display:none}
    .url-display.show{display:block}
    .url-box{display:flex;gap:8px;margin-top:8px}
    .url-input{flex:1;padding:8px 12px;background:#fff;border:1px solid var(--line);border-radius:12px;font-family:monospace;font-size:13px}
    .client-link{background:var(--tab-bg);padding:12px;border-radius:12px;margin-top:12px;font-family:monospace;font-size:13px;word-break:break-all}
    @media (max-width:768px){.form-row{grid-template-columns:1fr}}