*,:before,:after{box-sizing:border-box}:root{--sidebar-width:220px;--bg:#f9f9fb;--surface:#fff;--border:#e5e5ea;--text:#1c1c1e;--text-muted:#6e6e73;--accent:#0071e3;--accent-hover:#0077ed;--danger:#ff3b30;--radius:10px;--shadow:0 1px 3px #00000014;color:var(--text);background:var(--bg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px}body{margin:0}#root{height:100vh;display:flex;overflow:hidden}button{cursor:pointer;border:none;border-radius:8px;padding:8px 16px;font-family:inherit;font-size:14px;transition:background .15s}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover)}.btn-ghost{color:var(--text-muted);background:0 0;padding:6px 10px}.btn-ghost:hover{background:var(--border);color:var(--text)}.sidebar{width:var(--sidebar-width);min-width:var(--sidebar-width);background:var(--surface);border-right:1px solid var(--border);flex-direction:column;display:flex;overflow-y:auto}.sidebar-logo{color:var(--text);letter-spacing:-.3px;padding:20px 16px 12px;font-size:18px;font-weight:600}.sidebar-section{padding:16px 8px 4px}.sidebar-section-label{text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted);margin-bottom:4px;padding:0 8px;font-size:11px;font-weight:600}.sidebar-item{cursor:pointer;color:var(--text-muted);-webkit-user-select:none;user-select:none;border-radius:7px;align-items:center;gap:8px;padding:7px 10px;font-size:14px;transition:background .12s,color .12s;display:flex}.sidebar-item:hover{background:var(--bg);color:var(--text)}.sidebar-item.active{color:var(--accent);background:#e8f0fb;font-weight:500}.sidebar-item .icon{text-align:center;width:20px;font-size:15px}.sidebar-footer{border-top:1px solid var(--border);margin-top:auto;padding:12px 8px}.sidebar-avatar{background:var(--accent);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;font-weight:600;display:flex}.sidebar-user{border-radius:8px;align-items:center;gap:10px;padding:6px 10px;display:flex}.sidebar-user-info{overflow:hidden}.sidebar-user-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.sidebar-user-email{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.sidebar-signout{text-align:left;width:100%;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;margin-top:2px;padding:6px 10px;font-size:13px}.sidebar-signout:hover{background:var(--bg);color:#ff3b30}.main{flex-direction:column;flex:1;display:flex;overflow-y:auto}.topbar{justify-content:space-between;align-items:center;padding:24px 28px 0;display:flex}.page-title{letter-spacing:-.3px;color:var(--text);margin:0;font-size:22px;font-weight:600}.content{padding:20px 28px 40px}.section-header{justify-content:space-between;align-items:center;margin-top:28px;margin-bottom:10px;display:flex}.section-header:first-child{margin-top:0}.section-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600}.folder-grid{grid-template-columns:repeat(auto-fill,minmax(175px,1fr));gap:10px;display:grid}.folder-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;padding:14px 16px;transition:box-shadow .15s,border-color .15s}.folder-card:hover{border-color:#c7c7cc;box-shadow:0 2px 8px #00000014}.folder-icon{margin-bottom:8px;font-size:26px}.folder-name{color:var(--text);margin-bottom:4px;font-size:14px;font-weight:500}.folder-meta{color:var(--text-muted);font-size:12px}.empty-state{border:1px dashed var(--border);border-radius:var(--radius);color:var(--text-muted);padding:20px;font-size:13px}.topbar-actions{align-items:center;gap:10px;display:flex}.topbar-left{align-items:center;gap:12px;display:flex}.btn-back{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px 10px;font-size:14px}.btn-back:hover{background:var(--border);color:var(--text)}.breadcrumb{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.breadcrumb-item{color:var(--text);font-size:18px;font-weight:600}.breadcrumb-item.muted{color:var(--text-muted);font-weight:400}.search-input{border:1px solid var(--border);color:var(--text);background:var(--surface);border-radius:8px;outline:none;width:200px;padding:7px 12px;font-family:inherit;font-size:14px}.search-input:focus{border-color:var(--accent)}.item-list{flex-direction:column;gap:2px;display:flex}.item-row{background:var(--surface);border:1px solid var(--border);border-radius:8px;align-items:center;gap:12px;padding:10px 14px;transition:box-shadow .12s;display:flex}.item-row:hover{box-shadow:var(--shadow)}.item-icon{flex-shrink:0;font-size:18px}.item-info{flex:1;overflow:hidden}.item-title{color:var(--text);font-size:14px;font-weight:500}.item-title a{color:var(--accent);text-decoration:none}.item-title a:hover{text-decoration:underline}.item-url{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:12px;overflow:hidden}.item-type-label{color:var(--text-muted);margin-top:2px;font-size:11px}.item-actions{flex-shrink:0;align-items:center;gap:10px;display:flex}.item-date{color:var(--text-muted);flex-shrink:0;font-size:12px}.item-menu{position:relative}.item-menu-btn{color:var(--text-muted);cursor:pointer;letter-spacing:1px;background:0 0;border:none;border-radius:6px;padding:4px 8px;font-size:14px}.item-menu-btn:hover{background:var(--border);color:var(--text)}.item-dropdown{background:var(--surface);border:1px solid var(--border);z-index:50;border-radius:8px;min-width:170px;display:none;position:absolute;top:calc(100% + 4px);right:0;overflow:hidden;box-shadow:0 4px 16px #0000001f}.item-dropdown.open{display:block}.item-dropdown button{text-align:left;width:100%;color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:0;padding:9px 14px;font-size:13px;display:block}.item-dropdown button:hover{background:var(--bg)}.item-dropdown button.danger{color:#ff3b30}.item-dropdown button.danger:hover{background:#fff1f0}.delete-usage-list{color:var(--text);margin:0;padding:0 0 0 18px;font-size:13px}.delete-usage-list li{margin-bottom:4px}.source-tabs{border-bottom:1px solid var(--border);gap:4px;margin-bottom:14px;padding-bottom:0;display:flex}.source-tab{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;border-radius:0;margin-bottom:-1px;padding:6px 14px 10px;font-size:13px;font-weight:500}.source-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.source-tab:hover:not(.active){color:var(--text)}.doc-list{border:1px solid var(--border);border-radius:8px;max-height:280px;margin-bottom:12px;overflow-y:auto}.doc-list-empty{text-align:center;color:var(--text-muted);padding:20px;font-size:13px}.doc-row{cursor:pointer;border-bottom:1px solid var(--border);padding:10px 14px;transition:background .1s}.doc-row:last-child{border-bottom:none}.doc-row:hover{background:var(--bg)}.doc-row.selected{background:#e8f0fb}.doc-row-name{color:var(--text);font-size:13px;font-weight:500}.doc-row-folder{color:var(--text-muted);margin-top:2px;font-size:11px}.upload-zone{border:2px dashed var(--border);text-align:center;cursor:pointer;border-radius:10px;margin-bottom:12px;padding:32px 20px;transition:border-color .15s,background .15s}.upload-zone:hover{border-color:var(--accent);background:#f0f4ff}.upload-zone.has-file{border-color:var(--accent);background:#f0f7ff}.upload-icon{margin-bottom:8px;font-size:28px}.upload-hint{color:var(--text-muted);font-size:13px}.upload-filename{color:var(--text);font-size:14px;font-weight:500}.upload-filesize{color:var(--text-muted);margin-top:2px;font-size:12px}.drive-picker-pane{flex-direction:column;display:flex}.drive-auth-prompt{text-align:center;flex-direction:column;align-items:center;gap:16px;padding:24px 0 16px;display:flex}.drive-auth-prompt p{color:var(--text-muted);margin:0;font-size:14px}.modal-backdrop{z-index:100;background:#00000059;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--surface);border-radius:12px;width:100%;max-width:400px;padding:24px;box-shadow:0 8px 32px #0000002e}.modal.modal-lg{max-width:560px}.modal-title{color:var(--text);margin:0 0 16px;font-size:17px;font-weight:600}.modal-input{border:1px solid var(--border);width:100%;color:var(--text);background:var(--bg);box-sizing:border-box;border-radius:8px;outline:none;padding:9px 12px;font-family:inherit;font-size:14px}.modal-input:focus{border-color:var(--accent)}.modal-error{color:#ff3b30;margin:8px 0 0;font-size:13px}.modal-actions{justify-content:flex-end;gap:8px;margin-top:16px;display:flex}.signin-page{flex-direction:column;justify-content:center;align-items:center;gap:12px;height:100vh;display:flex}.signin-page h1{letter-spacing:-.4px;margin:0;font-size:26px;font-weight:600}.signin-page p{color:var(--text-muted);margin:0 0 8px;font-size:15px}.btn-google{background:var(--surface);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:8px;align-items:center;gap:10px;padding:10px 20px;font-size:15px;font-weight:500;transition:box-shadow .15s;display:flex}.btn-google:hover{box-shadow:0 2px 8px #0000001a}