:root{color:#172033;font-synthesis:none;text-rendering:optimizelegibility;background:#f5f7fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}.shell{max-width:1240px;margin:auto;padding:30px 28px 34px}.topbar{align-items:center;gap:14px;display:flex}.brand-mark{color:#fff;background:#1d3557;border-radius:14px;place-items:center;width:46px;height:46px;font-size:22px;font-weight:800;display:grid;box-shadow:0 8px 20px #1d355726}.eyebrow{color:#7b879b;letter-spacing:.17em;margin:0 0 8px;font-size:10px;font-weight:800}h1{margin:0;font-size:19px}.status{color:#52627a;background:#fff;border:1px solid #e0e7f0;border-radius:999px;margin-left:auto;padding:8px 13px;font-size:11px}.welcome{background:radial-gradient(at 90% 0,#e3f4f2 0,#0000 38%),linear-gradient(125deg,#fff,#f8fbff);border:1px solid #e5ebf4;border-radius:26px;justify-content:space-between;align-items:center;gap:30px;margin-top:30px;padding:clamp(28px,5vw,54px);display:flex;box-shadow:0 18px 60px #1e293b0a}.hero-copy{max-width:700px}h2{letter-spacing:-.055em;margin:0;font-size:clamp(35px,5vw,58px);line-height:1.04}h2 span{color:#0e8c83}.intro{color:#6d7a8f;max-width:640px;margin:18px 0 0;font-size:14px;line-height:1.8}.hero-stat{background:#fff;border:1px solid #e4eaf3;border-radius:20px;flex-direction:column;min-width:190px;padding:23px 25px;display:flex;box-shadow:0 10px 30px #1e293b08}.stat-label{letter-spacing:.15em;color:#7c899d;font-size:9px;font-weight:800}.hero-stat strong{color:#1d3557;margin:6px 0;font-size:44px}.stat-caption{color:#7b879b;font-size:11px}.system-row{margin:28px 0}.section-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.section-heading h3{margin:0;font-size:19px}.button{font:inherit;cursor:pointer;border:0;border-radius:11px;padding:11px 15px;font-size:12px;font-weight:750;transition:transform .16s,box-shadow .16s}.button:hover:not(:disabled){transform:translateY(-1px)}.button:disabled{opacity:.55;cursor:not-allowed}.button-light{color:#46546a;background:#fff;border:1px solid #e0e7f0}.button-primary{color:#fff;background:#173b57;box-shadow:0 7px 16px #173b5724}.button-primary:hover:not(:disabled){background:#0e8c83}.health-card{background:#fff;border:1px solid #e4eaf3;border-radius:16px;align-items:center;gap:13px;margin-top:13px;padding:16px 19px;display:flex}.health-dot{background:#e9a23b;border-radius:50%;flex:none;width:10px;height:10px}.health-dot.connected{background:#16a374;box-shadow:0 0 0 4px #16a37418}.health-dot.error{background:#dc5353}.health-main{flex-direction:column;gap:4px;min-width:0;display:flex}.health-main strong{font-size:13px}.health-main span{color:#7b879b;overflow-wrap:anywhere;font-size:11px}.health-pill{color:#a86d0c;white-space:nowrap;background:#fff4df;border-radius:999px;margin-left:auto;padding:6px 9px;font-size:9px;font-weight:850}.health-pill.connected{color:#16815e;background:#e8f8f1}.health-pill.error{color:#bd4444;background:#fff0f0}.workspace-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:stretch;gap:18px;display:grid}.panel{background:#fff;border:1px solid #e4eaf3;border-radius:21px;min-width:0;padding:25px;box-shadow:0 12px 35px #1e293b06}.number-badge,.count-badge{color:#0e8279;white-space:nowrap;background:#edf7f6;border-radius:10px;padding:7px 10px;font-size:10px;font-weight:800}.panel-intro{color:#7b879b;margin:13px 0 22px;font-size:12px;line-height:1.75}.create-panel form{flex-direction:column;display:flex}.create-panel label{color:#3a475b;margin:0 0 7px;font-size:11px;font-weight:750}.create-panel label:not(:first-child){margin-top:15px}.create-panel label span{color:#d35a5a}.create-panel label small{color:#9aa4b3;margin-left:5px;font-weight:500}.create-panel input,.create-panel textarea{font:inherit;color:#172033;resize:vertical;background:#fbfcfe;border:1px solid #dfe6ef;border-radius:10px;outline:none;width:100%;padding:12px 13px;font-size:12px}.create-panel input:focus,.create-panel textarea:focus{border-color:#38a79f;box-shadow:0 0 0 3px #38a79f1b}.create-panel input::placeholder,.create-panel textarea::placeholder{color:#a2adbc}.submit-button{min-height:43px;margin-top:20px}.notice{border-radius:10px;margin-top:14px;padding:11px 13px;font-size:12px;line-height:1.65}.notice.success{color:#167b59;background:#eaf8f1;border:1px solid #ced}.notice.error{color:#b64242;background:#fff0f0;border:1px solid #f4d2d2}.form-footnote{color:#9aa4b3;margin:13px 0 0;font-size:10px}.empty-state{text-align:center;background:#fbfcfe;border:1px dashed #dfe6ef;border-radius:15px;flex-direction:column;justify-content:center;align-items:center;min-height:250px;padding:25px;display:flex}.empty-icon{color:#148b82;background:#eaf5f4;border-radius:14px;place-items:center;width:42px;height:42px;margin-bottom:12px;font-size:24px;display:grid}.empty-state strong{font-size:13px}.empty-state p{color:#8793a5;max-width:230px;margin:7px 0 0;font-size:11px;line-height:1.7}.loader{border:2px solid #dce9e8;border-top-color:#0e8c83;border-radius:50%;width:22px;height:22px;margin-bottom:12px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.project-list{flex-direction:column;gap:9px;max-height:360px;display:flex;overflow:auto}.project-item{border:1px solid #e9eef5;border-radius:13px;align-items:flex-start;gap:12px;padding:14px 12px;transition:border .15s,transform .15s;display:flex}.project-item:hover{border-color:#a8d9d5;transform:translateY(-1px)}.project-icon{color:#335a7a;background:#eef5fb;border-radius:11px;flex:none;place-items:center;width:37px;height:37px;font-size:19px;display:grid}.project-info{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.project-info strong{overflow-wrap:anywhere;font-size:12px}.project-info>span{color:#0e8c83;font-size:10px;font-weight:800}.project-info p{color:#6d7a8f;margin:2px 0;font-size:11px;line-height:1.6}.project-info small{color:#9aa4b3;margin-top:3px;font-size:9px}.project-active{color:#16815e;white-space:nowrap;background:#e8f8f1;border-radius:999px;padding:5px 7px;font-size:9px;font-weight:800}.list-refresh{width:100%;margin-top:13px}.flow-strip{background:#edf2f7;border:1px solid #e1e8f0;border-radius:18px;justify-content:center;align-items:center;gap:clamp(10px,3vw,35px);margin-top:22px;padding:22px 25px;display:flex}.flow-strip>div{align-items:center;gap:10px;display:flex}.flow-number{color:#0e8c83;background:#fff;border:1px solid #e0e9ed;border-radius:10px;place-items:center;width:31px;height:31px;font-size:10px;font-weight:850;display:grid}.flow-strip strong,.flow-strip small{display:block}.flow-strip strong{font-size:11px}.flow-strip small{color:#7b879b;margin-top:3px;font-size:10px}.flow-arrow{color:#9aa8b8}footer{letter-spacing:.13em;color:#9aa4b3;justify-content:center;gap:7px;margin-top:24px;font-size:9px;font-weight:800;display:flex}footer span{color:#0e8c83}@media (width<=800px){.shell{padding:20px 15px 28px}.welcome{flex-direction:column;align-items:flex-start;margin-top:24px}.hero-stat{width:100%;min-width:0}.hero-stat strong{font-size:36px}.workspace-grid{grid-template-columns:1fr}.panel{padding:20px}.flow-strip{flex-direction:column;align-items:flex-start;gap:12px}.flow-arrow{margin-left:10px;transform:rotate(90deg)}.status{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.global-notice{align-items:center;gap:10px;margin:0 0 20px;display:flex}.global-notice button{color:inherit;cursor:pointer;background:0 0;border:0;margin-left:auto;font-size:20px}.explorer-panel{margin-top:20px}.explorer-panel>.section-heading{align-items:flex-start}.explorer-panel .panel-intro{margin:7px 0 0}.explorer-toolbar{border-top:1px solid #edf0f5;justify-content:space-between;align-items:center;gap:14px;margin-top:20px;padding:15px 0;display:flex}.breadcrumb{color:#7b879b;align-items:center;gap:9px;font-size:12px;display:flex}.breadcrumb b{color:#b2bdca}.breadcrumb strong{color:#25354b}.toolbar-actions{gap:8px;display:flex}.inline-form{background:#f8fcfb;border:1px solid #dfeae9;border-radius:15px;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin:0 0 18px;padding:18px;display:grid}.inline-form-title,.inline-form>.form-footnote{grid-column:1/-1}.inline-form-title{color:#1d3557;font-size:13px;font-weight:800}.inline-form label{color:#3a475b;flex-direction:column;gap:6px;font-size:11px;font-weight:750;display:flex}.inline-form input,.inline-form select,.inline-form textarea,.documents-heading select{font:inherit;color:#172033;background:#fff;border:1px solid #dfe6ef;border-radius:9px;width:100%;min-width:0;padding:10px 11px;font-size:12px}.inline-form>button{align-self:end;min-height:39px}.doc-form{grid-template-columns:repeat(2,minmax(0,1fr))}.doc-form label:first-of-type,.doc-form label:nth-of-type(4),.doc-form label:last-of-type{grid-column:1/-1}.inline-form-buttons{align-items:center;gap:8px;display:flex}.folder-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.folder-card{background:linear-gradient(145deg,#fff,#fbfcff);border:1px solid #e4eaf3;border-radius:14px;flex-wrap:wrap;align-items:flex-start;gap:10px;min-width:0;padding:15px;display:flex}.folder-card-icon{color:#0e8c83;background:#edf7f6;border-radius:11px;flex:none;place-items:center;width:38px;height:38px;font-size:20px;display:grid}.folder-card-copy{flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.folder-card-copy strong{overflow-wrap:anywhere;font-size:12px}.folder-card-copy span{color:#8793a5;overflow-wrap:anywhere;font-size:10px}.folder-card>.mini-action{margin-left:auto}.nested-folders{border-top:1px solid #edf0f5;width:100%;margin-top:5px;padding-top:7px}.nested-folders>div{color:#69778c;justify-content:space-between;align-items:center;gap:8px;padding:4px 0;font-size:11px;display:flex}.documents-heading{border-top:1px solid #edf0f5;justify-content:space-between;align-items:center;gap:12px;margin:28px 0 12px;padding-top:20px;display:flex}.documents-heading h4{margin:0;font-size:16px}.documents-heading select{width:auto;max-width:220px}.document-list{flex-direction:column;gap:8px;display:flex}.document-row{border:1px solid #e7edf4;border-radius:12px;align-items:center;gap:11px;min-width:0;padding:12px;display:flex}.document-icon{color:#345b7b;background:#f0f4fa;border-radius:10px;flex:none;place-items:center;width:36px;height:36px;font-size:18px;display:grid}.document-copy{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.document-copy strong{overflow-wrap:anywhere;font-size:12px}.document-copy span,.document-copy small{color:#8793a5;overflow-wrap:anywhere;font-size:10px}.mini-action{color:#46546a;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #e0e7f0;border-radius:8px;padding:6px 8px;font-size:10px;font-weight:750;text-decoration:none}.mini-action:hover{border-color:#a8d9d5}.mini-action.danger{color:#b64d4d}.project-item.selected{background:#f5fbfa;border-color:#7cc8c1;box-shadow:0 0 0 2px #38a79f12}.project-select,.project-info-button{text-align:left;cursor:pointer;background:0 0;border:0;padding:0}.project-select{flex:none}.project-info-button{min-width:0;color:inherit;flex-direction:column;flex:1;gap:4px;display:flex}.project-actions{flex-direction:column;gap:5px;display:flex}.drive-link{color:#16815e}.drive-missing{color:#a1aab7;white-space:nowrap;font-size:10px}.drive-note{background:#f4f8fd;border:1px solid #e3edf7;border-radius:13px;align-items:flex-start;gap:12px;margin-top:18px;padding:16px;display:flex}.drive-note-icon{color:#4285f4;background:#fff;border:1px solid #e3eaf2;border-radius:10px;flex:none;place-items:center;width:33px;height:33px;font-weight:900;display:grid}.drive-note strong{font-size:12px}.drive-note p{color:#6f7f94;margin:5px 0 0;font-size:11px;line-height:1.7}.compact-empty{min-height:120px}.flow-strip{flex-wrap:wrap}.flow-strip>div{min-width:0}@media (width<=900px){.folder-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.flow-strip{justify-content:flex-start}}@media (width<=620px){.explorer-toolbar{flex-direction:column;align-items:flex-start}.toolbar-actions{width:100%}.toolbar-actions .button{flex:1}.inline-form,.doc-form{grid-template-columns:1fr}.inline-form label,.doc-form label:first-of-type,.doc-form label:nth-of-type(4),.doc-form label:last-of-type{grid-column:auto}.folder-grid{grid-template-columns:1fr}.document-row{flex-wrap:wrap}.document-copy{flex-basis:calc(100% - 55px)}.project-actions{flex-direction:row}.documents-heading{flex-direction:column;align-items:flex-start}.documents-heading select{width:100%;max-width:none}.drive-missing{margin-left:auto}}
