:root{color:#17202a;background:#f5f7f8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.docs-shell,.manager-shell{display:grid;grid-template-columns:320px minmax(0,1fr);min-height:100vh}.docs-sidebar,.manager-sidebar{display:flex;flex-direction:column;gap:24px;padding:28px;border-right:1px solid #dbe2e5;background:#fff}.brand-block{display:flex;align-items:center;gap:14px}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:8px;background:#1f7a5a;color:#fff;font-size:13px;font-weight:800}.eyebrow{margin:0 0 4px;color:#667780;font-size:12px;font-weight:700;letter-spacing:0;text-transform:uppercase}h1,h2{margin:0;line-height:1.12}h1{font-size:24px}h2{font-size:22px}.search-field{display:grid;gap:8px;color:#52636c;font-size:13px;font-weight:700}.search-field input,.file-toolbar input,.file-toolbar select{width:100%;min-height:40px;border:1px solid #cfd8dc;border-radius:8px;background:#fff;color:#17202a;padding:0 12px}.doc-list,.folder-list{display:grid;gap:8px}.doc-item,.folder-list button{width:100%;border:1px solid transparent;border-radius:8px;background:transparent;color:#26343b;padding:12px;text-align:left}.doc-item{display:grid;gap:4px}.doc-item:hover,.doc-item.active,.folder-list button:hover{border-color:#b9d6ca;background:#eef7f3}.doc-product{color:#1f7a5a;font-size:12px;font-weight:800}.doc-item small{color:#71838b}.reader-panel,.file-panel{display:grid;grid-template-rows:auto 1fr;min-width:0;padding:24px;gap:16px}.reader-header,.file-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.status-pill{border:1px solid #b9d6ca;border-radius:999px;background:#eef7f3;color:#1f7a5a;padding:7px 12px;font-size:13px;font-weight:800}.doc-frame{width:100%;height:calc(100vh - 112px);border:1px solid #dbe2e5;border-radius:8px;background:#fff}.manager-shell{background:#eef1f3}.file-panel{grid-template-rows:auto auto 1fr}.file-actions,.file-toolbar{display:flex;align-items:center;gap:10px}.file-actions button,.folder-up,.detail-actions button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;border:1px solid #1f7a5a;border-radius:8px;background:#1f7a5a;color:#fff;padding:0 14px;font-weight:800}.file-actions button+button{background:#fff;color:#1f7a5a}.folder-up{width:100%;border-color:#d0dde1;background:#f7fafb;color:#26343b}.path-box{display:grid;gap:6px;border:1px solid #dbe2e5;border-radius:8px;background:#f7fafb;padding:14px;overflow-wrap:anywhere}.file-toolbar{justify-content:space-between}.toolbar-search{position:relative;display:flex;align-items:center;max-width:360px;width:100%}.toolbar-search svg{position:absolute;left:12px;color:#667780}.toolbar-search input{padding-left:38px}.file-toolbar select{width:150px}.file-table{width:100%;border-collapse:collapse;overflow:hidden;border:1px solid #dbe2e5;border-radius:8px;background:#fff}.file-table th,.file-table td{border-bottom:1px solid #e8edef;padding:14px 16px;text-align:left}.file-table th{color:#52636c;font-size:13px}.file-table tr:last-child td{border-bottom:0}.manager-message{margin:0;border:1px solid #b9d6ca;border-radius:8px;background:#f3faf6;color:#1f7a5a;padding:10px 12px;font-size:14px;font-weight:700}.file-workspace{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:16px;min-height:0}.file-list,.details-panel{min-height:0;border:1px solid #dbe2e5;border-radius:8px;background:#fff}.file-list{overflow:auto}.file-row{display:grid;grid-template-columns:32px minmax(160px,1fr) 120px 180px;align-items:center;width:100%;min-height:52px;border:0;border-bottom:1px solid #e8edef;background:#fff;color:#26343b;padding:0 14px;text-align:left}.file-row:hover,.file-row.active{background:#eef7f3}.file-icon{color:#1f7a5a}.file-name{min-width:0;overflow:hidden;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.details-panel{display:flex;flex-direction:column;gap:18px;padding:18px}.details-icon{display:grid;place-items:center;width:58px;height:58px;border-radius:8px;background:#eef7f3;color:#1f7a5a}.details-panel h3{margin:0;overflow-wrap:anywhere;font-size:18px}.details-panel dl{display:grid;gap:12px;margin:0}.details-panel dl div{display:grid;gap:4px}.details-panel dt{color:#667780;font-size:12px;font-weight:800;text-transform:uppercase}.details-panel dd{margin:0;overflow-wrap:anywhere}.detail-actions{display:grid;gap:8px;margin-top:auto}.detail-actions button{width:100%;border-color:#d0dde1;background:#fff;color:#26343b}.detail-actions button:first-child{border-color:#1f7a5a;background:#1f7a5a;color:#fff}.detail-actions button.danger{border-color:#d85151;color:#b42323}.empty-state{margin:0;padding:28px;color:#667780}@media (max-width: 820px){.docs-shell,.manager-shell{grid-template-columns:1fr}.docs-sidebar,.manager-sidebar{border-right:0;border-bottom:1px solid #dbe2e5}.doc-list,.folder-list{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.reader-header,.file-header,.file-toolbar{align-items:stretch;flex-direction:column}.doc-frame{height:68vh}.file-toolbar input,.file-toolbar select{max-width:none;width:100%}.file-workspace{grid-template-columns:1fr}.file-row{grid-template-columns:30px minmax(120px,1fr);gap:6px 8px;padding:10px 14px}.file-row span:nth-child(3),.file-row span:nth-child(4){grid-column:2;font-size:13px}}