@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";
:root{--bg-primary:#fff;--bg-secondary:#f0f4f9;--bg-surface-subtle:#f8f9fa;--bg-hover-strong:#00000014;--bg-hover-light:#f1f3f4;--bg-hover-row:#eef0f4;--bg-hover-card:#e4e8ed;--bg-hover-3dot:#dbdde0;--bg-drop-hover:rgba(var(--accent-rgb), .08);--bg-selected:#c2e7ff;--bg-selected-border:#a8d4f5;--bg-toggle:#e8eaed;--overlay-bg:#00000040;--accent-rgb:26, 115, 232;--accent:#1a73e8;--accent-hover:#1557b0;--accent-bg:#e8f0fe;--accent-cyan:#0891b2;--success:#188038;--success-bg:#e6f4ea;--success-border:#ceead6;--warning:#e37400;--error:#d93025;--error-bg:#fce8e6;--error-border:#f5c6c2;--text-primary:#1f1f1f;--text-secondary:#5f6368;--text-tertiary:#80868b;--text-menu:#3c4043;--text-active:#001d35;--text-on-accent:#fff;--border-medium:#dadce0;--border-soft:#e8eaed;--radius-sm:3px;--radius-md:4px;--radius-lg:6px;--radius-pill:8px;--shadow-md:0 1px 3px 0 #3c40434d, 0 4px 8px 3px #3c404326;--shadow-lg:0 4px 8px 3px #3c404326, 0 1px 3px #3c40434d;--shadow-knob:0 1px 2px #0003;--shadow-popover:0 2px 6px #3c40434d, 0 6px 16px 4px #3c404326;--shadow-focus:0 0 0 3px var(--bg-selected);--shadow-toggle:0 1px 2px #3c404333;--file-container-gutter:16px;--table-gutter:29px;--scrollbar-w:8px;--scrollbar-thumb:#00000026;--scrollbar-thumb-hover:#00000040;--scrollbar-gutter:var(--scrollbar-w);--font-2xs:10px;--font-xs:11px;--font-sm:12px;--font-md:13px;--font-base:14px;--font-lg:18px;--font-xl:22px;--header-height:50px;--sidebar-width:240px;--panel-width:340px;--header-dropdown-w-wide:400px;--modal-w:400px;--modal-w-wide:600px;--modal-w-jobs:760px;--move-tree-h:400px;--contact-msg-h:210px;--gap-shell:7px;--logo-glyph:36px;--control-sm:28px;--control-md:32px;--control-lg:36px;--input-h:40px;--input-h-hero:44px;--new-btn-height:38px;--rail-icon-indent:16px;--control-row-height:44px;--list-row-height:48px;--grid-sort-pad-top:8px;--icon-xs:12px;--icon-sm:14px;--icon-16:16px;--icon-md:18px;--icon-lg:22px;--icon-nav:20px;--spinner-size:52px;--spinner-border:5px;--glyph-96:96px;--glyph-64:64px;--glyph-56:56px;--glyph-48:48px;--glyph-36:36px;--nudge-panel-title:5px;--nudge-breadcrumb-overflow:-5px;--nudge-breadcrumb-chevron:0px;--nudge-list-header:0px;--nudge-recency-label:0px;--recency-card-gap:12px;--list-header-divider-drop:1px;--space-4:4px;--space-6:6px;--space-7:7px;--space-8:8px;--space-10:10px;--space-11:11px;--space-12:12px;--space-14:14px;--space-16:16px;--space-18:18px;--space-20:20px;--space-24:24px;--space-28:28px;--space-32:32px;--space-48:48px;--space-60:60px;--space-100:100px;--avatar-lg:120px;--avatar-dropdown-avatar:48px;--avatar-sm:24px;--avatar-initial-lg:42px;--avatar-initial-sm:15px;--toggle-w:40px;--toggle-h:22px;--toggle-radius:11px;--toggle-knob:18px;--popover-w:200px;--popover-w-wide:220px;--avatar-dropdown-w:250px;--menu-w:calc(var(--sidebar-width) - 2px - 2 * var(--space-12));--login-card-w:360px;--search-max-w:720px;--form-col-w:600px;--field-max-w:400px;--field-select-w:200px;--empty-text-w:300px;--detail-label-w:96px;--view-toggle-w:34px;--badge-size:16px;--chip-x-size:23px;--tree-chevron-h:22px;--meter-h:4px;--integration-logo:32px;--col-name-min:275px;--list-col-data:168px;--list-col-shared:calc(var(--list-col-data) * 1.25);--list-col-activity:200px;--list-col-location:140px;--list-col-action:80px;--usage-col:120px;--usage-col-started:168px;--usage-col-status-sq:76px;--usage-status-sq:20px;--app-min-width:calc(2.5 * var(--panel-width) + var(--sidebar-width) + 3 * var(--gap-shell) + 2px + 30px);--app-scrollbar-h:14px;--header-logo-width:calc(var(--sidebar-width) + var(--gap-shell));--header-dropdown-drop:calc((var(--header-height) - var(--control-lg)) / 2 + 3px)}[data-density=compact]{--font-2xs:10px;--font-xs:11px;--font-sm:12px;--font-md:12px;--font-base:13px;--font-lg:16px;--font-xl:20px;--header-height:45px;--sidebar-width:220px;--panel-width:310px;--header-dropdown-w-wide:360px;--avatar-dropdown-w:225px;--avatar-dropdown-avatar:44px;--modal-w:360px;--modal-w-wide:540px;--modal-w-jobs:680px;--move-tree-h:340px;--contact-msg-h:180px;--gap-shell:6px;--logo-glyph:32px;--control-sm:26px;--control-md:30px;--control-lg:34px;--input-h:36px;--input-h-hero:40px;--new-btn-height:36px;--control-row-height:40px;--list-row-height:44px;--grid-sort-pad-top:6px;--icon-xs:11px;--icon-sm:13px;--icon-16:15px;--icon-md:16px;--icon-lg:20px;--icon-nav:18px;--spinner-size:46px;--spinner-border:4px;--glyph-96:80px;--glyph-64:54px;--glyph-56:48px;--glyph-48:40px;--glyph-36:32px;--nudge-panel-title:5px;--nudge-breadcrumb-overflow:-4px;--nudge-breadcrumb-chevron:-1px;--nudge-list-header:1px;--nudge-recency-label:0px;--recency-card-gap:11px;--list-header-divider-drop:0px;--space-4:4px;--space-6:5px;--space-7:6px;--space-8:6px;--space-10:8px;--space-11:9px;--space-12:10px;--space-14:11px;--space-16:13px;--space-18:14px;--space-20:16px;--space-24:19px;--space-28:22px;--space-32:26px;--space-48:38px;--space-60:46px;--space-100:72px;--file-container-gutter:12px;--scrollbar-w:6px;--scrollbar-gutter:var(--scrollbar-w);--table-gutter:22px;--avatar-lg:108px;--avatar-sm:22px;--avatar-initial-lg:39px;--avatar-initial-sm:14px;--integration-logo:30px;--toggle-w:36px;--toggle-h:20px;--toggle-radius:10px;--toggle-knob:16px;--popover-w:184px;--popover-w-wide:202px;--form-col-w:540px;--field-max-w:360px;--field-select-w:180px;--detail-label-w:88px;--view-toggle-w:32px;--badge-size:15px;--chip-x-size:21px;--col-name-min:250px;--list-col-data:150px;--list-col-activity:184px;--list-col-location:126px;--list-col-action:72px;--usage-col:108px;--usage-col-started:150px;--usage-col-status-sq:68px;--usage-status-sq:18px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{height:100%}body{height:100%;font-family:Inter,Google Sans,Roboto,-apple-system,BlinkMacSystemFont,sans-serif;font-size:var(--font-base);color:var(--text-primary);background:var(--bg-secondary);-webkit-font-smoothing:antialiased;line-height:1.5;overflow:auto hidden}::-webkit-scrollbar{width:var(--scrollbar-w);height:var(--scrollbar-w)}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:calc(var(--scrollbar-w) / 2)}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}body::-webkit-scrollbar:horizontal{height:var(--app-scrollbar-h)}body::-webkit-scrollbar-track:horizontal{background:var(--bg-primary);border-top:1px solid var(--border-medium)}body::-webkit-scrollbar-thumb:horizontal{background:var(--scrollbar-thumb);background-clip:padding-box;border:1px solid #0000;border-top-width:2px;border-radius:0}body::-webkit-scrollbar-thumb:horizontal:hover{background:var(--scrollbar-thumb-hover);background-clip:padding-box}::selection{background:var(--accent);color:#fff}.icon-xs{width:var(--icon-xs);height:var(--icon-xs)}.icon-sm{width:var(--icon-sm);height:var(--icon-sm)}.icon-16{width:var(--icon-16);height:var(--icon-16)}.icon-md{width:var(--icon-md);height:var(--icon-md)}.icon-lg{width:var(--icon-lg);height:var(--icon-lg)}.icon-nav{width:var(--icon-nav);height:var(--icon-nav)}.icon-glyph-96{width:var(--glyph-96);height:var(--glyph-96)}.icon-glyph-64{width:var(--glyph-64);height:var(--glyph-64)}.icon-glyph-56{width:var(--glyph-56);height:var(--glyph-56)}.icon-glyph-48{width:var(--glyph-48);height:var(--glyph-48)}.icon-glyph-36{width:var(--glyph-36);height:var(--glyph-36)}.icon-file-preview{width:var(--glyph-48);height:auto}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:focus{outline:none}:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.context-menu-item:focus-visible,.new-menu-item:focus-visible,.avatar-dropdown-item:focus-visible,.filter-dropdown-item:focus-visible,.sort-dropdown-item:focus-visible,.breadcrumb-dropdown-item:focus-visible{background:var(--bg-hover-light);outline:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
.portal-root{height:100%;min-width:var(--app-min-width);background:var(--bg-secondary);flex-direction:row;display:flex;overflow:hidden}.portal-main{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.portal-body{flex:1;display:flex;overflow:hidden}.portal-content{background:var(--bg-primary);border:1px solid var(--border-medium);margin:var(--gap-shell);border-radius:0;flex-direction:column;flex:1;display:flex;overflow:hidden}.file-scroll-area{flex:1;overflow:hidden auto}
.context-menu{min-width:var(--menu-w);background:var(--bg-primary);box-shadow:var(--shadow-md);border-radius:var(--radius-md);padding:var(--space-6) 0;z-index:100;animation:.1s fadeInMenu;position:fixed}.context-menu-item{align-items:center;gap:var(--space-12);width:100%;padding:var(--space-8) var(--space-16);color:var(--text-menu);font-size:var(--font-base);cursor:pointer;text-align:left;background:0 0;border:none;font-family:inherit;line-height:1.5;transition:background .1s;display:flex}.context-menu-item:hover{background:var(--bg-hover-light)}.context-menu-item:disabled{opacity:.4;cursor:default}.context-menu-item:disabled:hover{background:0 0}.context-menu-item.danger{color:var(--error)}.context-menu-item.danger:hover{background:var(--error-bg)}.context-menu-separator{background:var(--border-medium);height:1px;margin:var(--space-4) 0}.view-toggle{background:var(--bg-toggle);border-radius:var(--radius-md);padding:var(--space-4);align-items:center;gap:2px;display:flex}.view-toggle-btn{width:var(--view-toggle-w);height:var(--control-sm);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:all .15s;display:flex}.view-toggle-btn.active{background:var(--bg-primary);color:var(--text-primary);box-shadow:var(--shadow-toggle)}.view-toggle-btn:not(.active):hover{color:var(--text-primary)}.view-toggle-btn.view-toggle-text{width:auto;padding:0 var(--space-12);font-family:inherit;font-size:var(--font-md);font-weight:500}.icon-btn{width:var(--control-lg);height:var(--control-lg);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:background .15s;display:flex}.icon-btn:hover{background:var(--bg-toggle)}.icon-btn.active{background:var(--bg-selected);color:var(--accent)}.user-avatar{width:var(--control-lg);height:var(--control-lg);border-radius:var(--radius-md);background:linear-gradient(135deg, var(--accent), var(--accent-cyan));color:var(--text-on-accent);font-size:var(--avatar-initial-sm);cursor:pointer;border:none;flex-shrink:0;justify-content:center;align-items:center;font-weight:600;transition:opacity .15s;display:flex}.user-avatar:hover{opacity:.85}.modal-overlay{background:var(--overlay-bg);z-index:50;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-dialog{background:var(--bg-primary);border-radius:var(--radius-md);padding:var(--space-24);width:var(--modal-w);box-shadow:var(--shadow-lg);animation:.15s fadeIn}.modal-dialog h3{font-size:var(--font-lg);color:var(--text-primary);margin-bottom:var(--space-16);font-weight:600}.modal-dialog input{width:100%;height:var(--input-h);padding:0 var(--space-16);border:1px solid var(--border-medium);border-radius:var(--radius-md);font-size:var(--font-base);color:var(--text-primary);outline:none;font-family:inherit;transition:all .15s}.modal-dialog input:focus{border-color:var(--accent);box-shadow:var(--shadow-focus)}.modal-actions{justify-content:flex-end;gap:var(--space-12);margin-top:var(--space-20);display:flex}.btn-primary{padding:var(--space-8) var(--space-24);border-radius:var(--radius-md);background:var(--accent);color:var(--text-on-accent);font-size:var(--font-base);cursor:pointer;border:none;font-family:inherit;font-weight:600;transition:background .15s}.btn-primary:hover{background:var(--accent-hover)}.btn-danger{padding:var(--space-8) var(--space-24);border-radius:var(--radius-md);background:var(--error);color:var(--text-on-accent);font-size:var(--font-base);cursor:pointer;border:none;font-family:inherit;font-weight:600;transition:filter .15s}.btn-danger:hover{filter:brightness(.93)}.btn-primary:disabled,.btn-danger:disabled,.btn-outline:disabled{opacity:.6;cursor:default}.modal-message{font-size:var(--font-base);color:var(--text-secondary);line-height:1.5}.modal-error{margin-top:var(--space-12);padding:var(--space-8) var(--space-12);border-radius:var(--radius-md);background:var(--error-bg);border:1px solid var(--error-border);color:var(--error);font-size:var(--font-md)}.move-modal{width:var(--modal-w-wide);position:relative;overflow:hidden}.move-tree{height:var(--move-tree-h);border:1px solid var(--border-medium);border-radius:var(--radius-md);max-height:calc(100vh - 220px);padding:var(--space-6);-webkit-user-select:none;user-select:none;overflow-y:auto}.move-tree-row{border-radius:var(--radius-md);padding-right:var(--space-8);align-items:center;margin-bottom:2px;display:flex}.move-tree-row:hover{background:var(--bg-hover-row)}.move-tree-row.selected{background:var(--bg-selected)}.move-tree-row.blocked:not(.selected):hover{background:0 0}.move-tree-chevron{width:var(--rail-icon-indent);height:var(--tree-chevron-h);color:var(--text-secondary);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-family:inherit;display:flex}.move-tree-chevron svg{transition:transform .15s}.move-tree-chevron[aria-expanded=true] svg{transform:rotate(90deg)}.move-tree-label{align-items:center;gap:var(--space-12);min-width:0;padding:var(--space-7) 0;color:var(--text-secondary);font-size:var(--font-base);text-align:left;cursor:pointer;background:0 0;border:none;flex:1;font-family:inherit;font-weight:500;display:flex}.move-tree-label>span{text-overflow:ellipsis;white-space:nowrap;color:var(--text-menu);flex:1;overflow:hidden}.move-tree-row.selected .move-tree-label,.move-tree-row.selected .move-tree-chevron{color:var(--accent)}.move-tree-row.selected .move-tree-label>span{color:var(--text-active);font-weight:600}.move-tree-row.disabled .move-tree-label,.move-tree-row.disabled .move-tree-chevron{color:var(--text-tertiary);cursor:default}.move-tree-row.disabled .move-tree-label>span{color:var(--text-tertiary)}.move-create-overlay{background:var(--overlay-bg);z-index:1;animation:.15s fadeIn;position:absolute;inset:0}.move-create-panel{background:var(--bg-primary);border-top:1px solid var(--border-medium);border-radius:var(--radius-md) var(--radius-md) 0 0;box-shadow:var(--shadow-lg);padding:var(--space-24);z-index:2;animation:.15s fadeIn;position:absolute;bottom:0;left:0;right:0}.move-modal-actions .move-newfolder-btn{margin-right:auto}.contact-modal{width:var(--modal-w-wide)}.contact-form{gap:var(--space-16);flex-direction:column;display:flex}.contact-field{gap:var(--space-6);flex-direction:column;display:flex}.contact-label{font-size:var(--font-base);color:var(--text-secondary);font-weight:600}.contact-select{width:100%;height:var(--input-h);padding:0 var(--space-16);border:1px solid var(--border-medium);border-radius:var(--radius-md);background:var(--bg-primary);color:var(--text-primary);font-size:var(--font-base);cursor:pointer;outline:none;justify-content:space-between;align-items:center;font-family:inherit;transition:all .15s;display:flex}.contact-select:hover{background:var(--bg-hover-light)}.contact-select[aria-expanded=true]{border-color:var(--accent);box-shadow:var(--shadow-focus)}.contact-select:disabled{opacity:.6;cursor:default}.contact-select svg{color:var(--text-secondary);flex-shrink:0}.contact-select-menu{background:var(--bg-primary);box-shadow:var(--shadow-md);border-radius:var(--radius-md);padding:var(--space-6) 0;z-index:30;position:absolute;top:calc(100% + 4px);left:0;right:0}.contact-select-item{align-items:center;gap:var(--space-10);width:100%;padding:var(--space-8) var(--space-16);color:var(--text-menu);font-size:var(--font-base);cursor:pointer;text-align:left;background:0 0;border:none;font-family:inherit;transition:background .1s;display:flex}.contact-select-item:hover{background:var(--bg-hover-light)}.contact-select-item:focus-visible{background:var(--bg-hover-light);outline:none}.contact-select-item .check-icon{width:var(--icon-md);color:var(--accent);align-items:center;display:flex}.contact-select-item.is-mixed{color:var(--text-tertiary);cursor:default}.contact-select-item.is-mixed:hover{background:0 0}.contact-textarea{width:100%;padding:var(--space-10) var(--space-16);border:1px solid var(--border-medium);border-radius:var(--radius-md);font-size:var(--font-base);color:var(--text-primary);background:var(--bg-primary);min-height:var(--contact-msg-h);resize:vertical;outline:none;font-family:inherit;line-height:1.5;transition:border-color .15s,box-shadow .15s}.contact-textarea:focus{border-color:var(--accent);box-shadow:var(--shadow-focus)}.contact-textarea:disabled{opacity:.6}.share-modal{width:calc((var(--modal-w) + var(--modal-w-wide)) / 2)}.share-add-row{justify-content:flex-end;align-items:center;gap:var(--space-8);margin-top:var(--space-10);display:flex}.share-perm{flex-shrink:0}.share-perm-btn{align-items:center;gap:var(--space-4);padding:var(--space-8) var(--space-10);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:var(--font-base);cursor:pointer;white-space:nowrap;background:0 0;border:none;outline:none;font-family:inherit;transition:background .1s,color .1s;display:flex}.share-perm-btn:hover,.share-perm-btn[aria-expanded=true]{background:var(--bg-hover-light);color:var(--text-primary)}.share-perm-btn:disabled{opacity:.6;cursor:default}.share-perm-btn svg{color:var(--text-tertiary);flex-shrink:0}.share-perm-menu{min-width:var(--menu-w);background:var(--bg-primary);box-shadow:var(--shadow-md);border-radius:var(--radius-md);padding:var(--space-6) 0}.share-perm-sep{background:var(--border-medium);height:1px;margin:var(--space-4) 0}.contact-select-item.danger{color:var(--error)}.contact-select-item.danger:hover{background:var(--error-bg)}.share-section-heading{font-size:var(--font-base);color:var(--text-menu);letter-spacing:-.01em;margin:var(--space-10) 0;font-weight:600}.share-list{border:1px solid var(--border-medium);border-radius:var(--radius-md);max-height:240px;padding:var(--space-6);flex-direction:column;gap:2px;display:flex;overflow-y:auto}.share-row{align-items:center;gap:var(--space-12);padding:var(--space-8);border-radius:var(--radius-sm);display:flex}.share-avatar{width:var(--control-lg);height:var(--control-lg);font-size:var(--font-base);cursor:default;flex-shrink:0}.share-row-name{min-width:0;font-size:var(--font-base);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.share-row-role{font-size:var(--font-base);color:var(--text-secondary);padding-right:var(--space-10);flex-shrink:0}.share-empty{font-size:var(--font-md);color:var(--text-tertiary);padding:var(--space-8)}.share-requests{border:1px solid var(--border-medium);border-radius:var(--radius-md);padding:var(--space-6);flex-direction:column;gap:2px;display:flex}.share-request-row{align-items:flex-start;gap:var(--space-12);padding:var(--space-8);display:flex}.share-request-body{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.share-request-meta{font-size:var(--font-md);color:var(--text-secondary)}.share-request-msg{font-size:var(--font-md);color:var(--text-tertiary);overflow-wrap:anywhere}.share-request-actions{align-items:center;gap:var(--space-8);flex-shrink:0;display:flex}.running-jobs-modal{width:var(--modal-w-jobs)}.running-jobs-modal-table{flex-direction:column;min-height:0;display:flex}.running-jobs-modal-table .usage-list-header{margin-left:0;margin-right:0}.running-jobs-modal-table .usage-list-row{margin-left:0;margin-right:var(--space-16)}.running-jobs-modal-list{margin-right:calc(-1 * var(--space-24));flex-direction:column;display:flex}.empty-state{height:100%;padding:var(--space-20) var(--space-20) var(--space-100);text-align:center;color:var(--text-tertiary);flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-state p:first-of-type{font-size:var(--font-base);color:var(--text-secondary);margin-bottom:var(--space-4);font-weight:500}.empty-state p:last-of-type{font-size:var(--font-md)}.no-selection-msg{height:100%;padding:var(--space-20) var(--space-20) var(--space-60);text-align:center;color:var(--text-tertiary);flex-direction:column;justify-content:center;align-items:center;display:flex}.no-selection-msg p:first-child{font-size:var(--font-base);color:var(--text-secondary);margin-bottom:var(--space-4);font-weight:500}.no-selection-msg p:last-child{font-size:var(--font-md)}.preview-unavailable{font-size:var(--font-md);color:var(--text-tertiary);-webkit-user-select:none;user-select:none}.folder-terminal{background:var(--bg-primary);z-index:1;flex-direction:column;display:flex;position:fixed;inset:0}.folder-terminal-bar{height:var(--header-height);min-height:var(--header-height);border-bottom:1px solid var(--border-medium);align-items:center;display:flex}.folder-terminal-brand{cursor:pointer;background:0 0;border:none;width:auto;min-width:0}.folder-terminal-body{padding:var(--space-24);flex:1;justify-content:center;align-items:center;display:flex;overflow-y:auto}.folder-terminal-card{text-align:center;max-width:360px;color:var(--text-tertiary);flex-direction:column;align-items:center;display:flex}.folder-terminal-title{font-size:var(--font-base);color:var(--text-secondary);margin-bottom:var(--space-4);font-weight:500}.folder-terminal-sub{font-size:var(--font-md);margin-bottom:var(--space-24)}.folder-terminal-form{gap:var(--space-12);flex-direction:column;width:100%;display:flex}.folder-terminal-level{justify-content:center;align-items:center;gap:var(--space-10);display:flex}.folder-terminal-level-label{font-size:var(--font-md);color:var(--text-secondary)}.folder-terminal-message{width:100%;padding:var(--space-8) var(--space-12);border:1px solid var(--border-medium);border-radius:var(--radius-md);font-size:var(--font-base);color:var(--text-primary);resize:vertical;font-family:inherit}.folder-terminal-message:focus{border-color:var(--accent);outline:none}.folder-terminal-form .btn-primary{align-self:stretch}.relative{position:relative}.flex-col-fill{flex-direction:column;flex:1;display:flex;overflow:hidden}.file-loading{justify-content:center;align-items:center;height:100%;display:flex}.spinner{width:var(--spinner-size);height:var(--spinner-size);border:var(--spinner-border) solid var(--border-medium);border-top-color:var(--accent);border-radius:50%;animation:.7s linear infinite spinner-rotate}@keyframes spinner-rotate{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.spinner{animation-duration:1.4s}}.sort-arrow{color:var(--accent);align-items:center;transition:transform .2s;display:flex}.sort-arrow.desc{transform:rotate(180deg)}@keyframes fadeInMenu{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
.portal-header{height:var(--header-height);min-height:var(--header-height);background:var(--bg-primary);border-bottom:1px solid var(--border-medium);flex-shrink:0;align-items:center;padding:0;display:flex}.portal-header-logo{align-items:center;gap:var(--space-10);padding-left:var(--gap-shell);width:var(--header-logo-width);min-width:var(--header-logo-width);flex-shrink:0;display:flex}.portal-header-logo .logo-icon{width:var(--logo-glyph);height:var(--logo-glyph);border-radius:var(--radius-md);background:linear-gradient(135deg, var(--accent), var(--accent-cyan));flex-shrink:0;justify-content:center;align-items:center;display:flex}.portal-header-logo .logo-text{font-size:var(--font-lg);color:var(--text-secondary);white-space:nowrap;font-weight:500}.portal-search-wrap{max-width:var(--search-max-w);padding:0 var(--space-16) 0 var(--gap-shell);flex:1}.portal-search{width:100%;position:relative}.portal-search input{width:100%;height:var(--control-lg);border:1px solid var(--border-medium);border-radius:var(--radius-md);background:var(--bg-secondary);font-size:var(--font-base);color:var(--text-primary);outline:none;padding:0 40px;font-family:inherit;transition:all .2s}.portal-search input::placeholder{color:var(--text-tertiary)}.portal-search input:focus{background:var(--bg-primary);border-color:var(--accent);box-shadow:none}.portal-search .search-icon{color:var(--text-secondary);pointer-events:none;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.search-clear-btn{width:var(--control-sm);height:var(--control-sm);position:absolute;top:50%;right:4px;transform:translateY(-50%)}.portal-header-right{align-items:center;gap:var(--space-4);padding-right:var(--gap-shell);flex-shrink:0;margin-left:auto;display:flex}.portal-header-right .user-avatar{margin-left:4px}.avatar-dropdown{top:calc(100% + var(--header-dropdown-drop));width:var(--avatar-dropdown-w);background:var(--bg-primary);box-shadow:var(--shadow-popover);border-radius:var(--radius-md);padding:0 0 var(--space-6);z-index:40;animation:.12s fadeInMenu;position:absolute;right:0;overflow:hidden}.avatar-dropdown-header{text-align:center;padding:var(--space-18) var(--space-16) var(--space-16);flex-direction:column;align-items:center;display:flex}.avatar-dropdown-avatar{width:var(--avatar-dropdown-avatar);height:var(--avatar-dropdown-avatar);font-size:var(--font-lg);margin-bottom:var(--space-10);cursor:default}.avatar-dropdown-name{max-width:100%;font-size:var(--font-base);color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-weight:600;line-height:1.3;overflow:hidden}.avatar-dropdown-email{max-width:100%;font-size:var(--font-sm);color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;line-height:1.3;overflow:hidden}.avatar-dropdown-separator{background:var(--border-medium);height:1px;margin:var(--space-4) 0}.avatar-dropdown-item{align-items:center;gap:var(--space-12);width:100%;padding:var(--space-8) var(--space-16);color:var(--text-menu);font-size:var(--font-base);cursor:pointer;text-align:left;background:0 0;border:none;font-family:inherit;font-weight:500;line-height:1.5;transition:background .1s;display:flex}.avatar-dropdown-item:hover{background:var(--bg-hover-light)}.header-badge-btn{position:relative}.header-badge{min-width:var(--badge-size);height:var(--badge-size);padding:0 var(--space-4);border-radius:var(--radius-pill);background:var(--accent);color:var(--text-on-accent);font-size:var(--font-2xs);justify-content:center;align-items:center;font-weight:700;line-height:1;display:flex;position:absolute;top:2px;right:2px}.header-dropdown{top:calc(100% + var(--header-dropdown-drop));background:var(--bg-primary);box-shadow:var(--shadow-popover);border-radius:var(--radius-md);padding:0 0 var(--space-6);z-index:40;animation:.12s fadeInMenu;position:absolute;overflow:hidden}.header-dropdown-title{padding:var(--space-12) var(--space-16) var(--space-10);font-size:var(--font-base);color:var(--text-primary);font-weight:600}.header-dropdown-empty{align-items:center;gap:var(--space-8);padding:var(--space-28) var(--space-16);color:var(--text-tertiary);font-size:var(--font-md);flex-direction:column;display:flex}.header-dropdown-menu-note{padding:var(--space-8) var(--space-16);font-size:var(--font-md);color:var(--text-tertiary)}
.portal-sidebar{width:var(--sidebar-width);min-width:var(--sidebar-width);max-width:var(--sidebar-width);background:var(--bg-primary);border:1px solid var(--border-medium);margin:var(--gap-shell) 0 var(--gap-shell) var(--gap-shell);-webkit-user-select:none;user-select:none;z-index:5;flex-direction:column;flex-shrink:0;align-self:stretch;display:flex;overflow:visible}.sidebar-new-wrap{padding:var(--space-12) var(--space-14) var(--space-8) var(--space-12);position:relative}.sidebar-new-btn{align-items:center;gap:calc(var(--space-12) + 1px);height:var(--new-btn-height);padding:0 var(--space-20) 0 calc(var(--rail-icon-indent) - 2px);border-radius:var(--radius-md);background:var(--bg-secondary);border:1px solid var(--border-medium);box-shadow:none;color:var(--text-menu);font-size:var(--font-base);cursor:pointer;font-family:inherit;font-weight:500;transition:background .15s,border-color .15s;display:flex}.sidebar-new-btn:hover{background:var(--bg-toggle);border-color:var(--text-tertiary)}.sidebar-nav{padding:var(--space-8) var(--space-12);flex:1;overflow-y:auto}.sidebar-nav-item{align-items:center;gap:var(--space-12);width:100%;padding:var(--space-7) var(--space-16) var(--space-7) var(--rail-icon-indent);border-radius:var(--radius-md);color:var(--text-menu);font-size:var(--font-base);cursor:pointer;text-align:left;background:0 0;border:none;margin-bottom:2px;font-family:inherit;font-weight:500;transition:background .15s;display:flex}.sidebar-nav-item:hover{background:var(--bg-hover-row)}.sidebar-nav-item.active{background:var(--bg-selected);color:var(--text-active);font-weight:600}.settings-nav .sidebar-nav-item{padding-left:var(--space-12);text-decoration:none}.sidebar-tree-row{border-radius:var(--radius-md);width:100%;padding-right:var(--space-16);align-items:center;margin-bottom:2px;display:flex}.sidebar-tree-row:hover{background:var(--bg-hover-row)}.sidebar-tree-row.active{background:var(--bg-selected)}.sidebar-tree-row.drop-hover{background:var(--bg-drop-hover);outline:2px solid var(--accent);outline-offset:-2px}.sidebar-tree-chevron{width:var(--rail-icon-indent);height:var(--tree-chevron-h);color:var(--text-secondary);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-family:inherit;display:flex}.sidebar-tree-chevron svg{transition:transform .15s}.sidebar-tree-chevron[aria-expanded=true] svg{transform:rotate(90deg)}.sidebar-tree-label{align-items:center;gap:var(--space-12);min-width:0;padding:var(--space-7) 0;color:var(--text-secondary);font-size:var(--font-base);text-align:left;cursor:pointer;background:0 0;border:none;flex:1;font-family:inherit;font-weight:500;display:flex}.sidebar-tree-label>span{text-overflow:ellipsis;white-space:nowrap;color:var(--text-menu);flex:1;overflow:hidden}.sidebar-tree-row.active .sidebar-tree-label,.sidebar-tree-row.active .sidebar-tree-chevron{color:var(--accent)}.sidebar-tree-row.active .sidebar-tree-label>span{color:var(--text-active);font-weight:600}.sidebar-meters{padding:var(--space-8) var(--space-20) var(--space-16) var(--space-20);gap:var(--space-16);flex-direction:column;display:flex}.storage-bar{width:100%;height:var(--meter-h);background:var(--border-medium);border-radius:var(--radius-md);margin:var(--space-8) 0;overflow:hidden}.storage-bar-fill{background:var(--accent);border-radius:var(--radius-md);height:100%;transition:width .5s}.new-menu{top:calc(var(--space-12) + var(--new-btn-height) + var(--space-4));left:var(--space-12);right:var(--space-12);background:var(--bg-primary);box-shadow:var(--shadow-popover);border-radius:var(--radius-md);padding:var(--space-6) 0;z-index:20;animation:.15s fadeInMenu;position:absolute}.new-menu-item{align-items:center;gap:var(--space-12);width:100%;padding:var(--space-7) var(--space-16) var(--space-7) var(--rail-icon-indent);color:var(--text-menu);font-size:var(--font-base);cursor:pointer;text-align:left;background:0 0;border:none;font-family:inherit;transition:background .1s;display:flex}.new-menu-item:hover{background:var(--bg-hover-light)}.new-menu-item:disabled{opacity:.4;cursor:default}.new-menu-item:disabled:hover{background:0 0}.new-menu-separator{background:var(--border-medium);height:1px;margin:var(--space-4) 0}
.portal-titlebar{padding:13px var(--file-container-gutter) 7px var(--file-container-gutter);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.titlebar-left{align-items:center;gap:var(--space-6);display:flex}.breadcrumb-title{font-family:inherit;line-height:1.2;font-size:var(--font-xl);color:var(--text-primary);cursor:default;padding:var(--space-4) var(--space-8);border-radius:var(--radius-md);letter-spacing:-.01em;background:0 0;border:none;align-items:center;font-weight:500;display:inline-flex}.breadcrumb-chevron{color:var(--text-tertiary);transform:translateY(var(--nudge-breadcrumb-chevron));align-items:center;display:flex}.breadcrumb-link{font-family:inherit;line-height:1.2;font-size:var(--font-xl);color:var(--text-secondary);cursor:pointer;padding:var(--space-4) var(--space-8);border-radius:var(--radius-md);letter-spacing:-.01em;background:0 0;border:none;align-items:center;font-weight:500;transition:background .15s;display:inline-flex}.breadcrumb-link:hover{background:var(--bg-hover-row)}.breadcrumb-link.drop-hover{background:var(--bg-drop-hover);outline:2px solid var(--accent);outline-offset:-2px}.breadcrumb-overflow-btn{padding:var(--space-4) var(--space-8);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--font-xl);letter-spacing:1px;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;font-weight:700;transition:background .15s;display:flex}.breadcrumb-overflow-btn span{transform:translateY(var(--nudge-breadcrumb-overflow));display:inline-block}.breadcrumb-overflow-btn:hover{background:var(--bg-hover-row)}.breadcrumb-overflow-btn.active{background:var(--bg-selected)}.breadcrumb-dropdown{min-width:var(--popover-w);background:var(--bg-primary);box-shadow:var(--shadow-md);border-radius:var(--radius-md);padding:var(--space-6) 0;z-index:30;animation:.1s fadeInMenu;position:absolute;top:calc(100% + 6px);left:0}.breadcrumb-dropdown-item{align-items:center;gap:var(--space-10);width:100%;padding:var(--space-8) var(--space-16);color:var(--text-menu);font-size:var(--font-base);cursor:pointer;text-align:left;background:0 0;border:none;font-family:inherit;font-weight:500;transition:background .1s;display:flex}.breadcrumb-dropdown-item:hover{background:var(--bg-hover-light)}.titlebar-right{align-items:center;gap:var(--space-4);display:flex}.filter-row{align-items:center;gap:var(--space-8);padding:0 var(--file-container-gutter);height:var(--control-row-height);flex-shrink:0;display:flex}.filter-chip-btn{align-items:center;gap:var(--space-6);padding:var(--space-6) var(--space-12);border-radius:var(--radius-md);border:1px solid var(--border-medium);background:var(--bg-primary);font-size:var(--font-base);color:var(--text-menu);cursor:pointer;white-space:nowrap;font-family:inherit;font-weight:500;display:inline-flex;position:relative}.filter-chip-btn:hover{background:var(--bg-hover-light)}.filter-chip-btn.active{background:var(--bg-selected);border-color:var(--bg-selected);color:var(--text-active)}.filter-chip-btn .chip-x,.filter-chip-btn .chip-chevron{width:var(--chip-x-size);height:var(--chip-x-size);margin-block:-4px;margin-right:calc(var(--space-6) - var(--space-12));flex-shrink:0;justify-content:center;align-items:center;display:flex}.filter-chip-btn .chip-x{border-radius:var(--radius-sm);cursor:pointer;transition:background .1s}.filter-chip-btn .chip-x:hover{background:var(--bg-hover-strong)}.clear-filters-btn{font-size:var(--font-base);color:var(--text-secondary);cursor:pointer;padding:calc(var(--space-6) + 1px) var(--space-12);border-radius:var(--radius-md);background:0 0;border:none;font-family:inherit;font-weight:500;transition:background .15s}.clear-filters-btn:hover{background:var(--bg-toggle)}.filter-dropdown{width:var(--popover-w);background:var(--bg-primary);box-shadow:var(--shadow-md);border-radius:var(--radius-md);padding:var(--space-6) 0;z-index:30;position:absolute;top:calc(100% + 4px);left:0}.filter-dropdown-item{align-items:center;gap:var(--space-10);width:100%;padding:var(--space-8) var(--space-16);color:var(--text-menu);font-size:var(--font-base);cursor:pointer;text-align:left;background:0 0;border:none;font-family:inherit;transition:background .1s;display:flex}.filter-dropdown-item:hover{background:var(--bg-hover-light)}.filter-dropdown-item .check-icon{width:var(--icon-md);color:var(--accent);align-items:center;display:flex}.selection-toolbar{padding:0 var(--file-container-gutter);height:var(--control-row-height);flex-shrink:0;align-items:center;display:flex}.selection-toolbar-inner{align-items:center;gap:var(--space-8);width:100%;padding:var(--space-4) var(--space-10);border-radius:var(--radius-md);background:var(--bg-toggle);display:flex}.sel-actions{align-items:center;gap:var(--space-8);display:flex}.sel-icon-btn{width:var(--control-md);height:var(--control-md);border-radius:var(--radius-md);color:var(--text-menu);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.sel-icon-btn:hover{background:var(--bg-hover-strong)}.sel-icon-btn:disabled{opacity:.4;cursor:default}.sel-icon-btn:disabled:hover{background:0 0}.selection-count{font-size:var(--font-base);color:var(--text-menu);margin-left:var(--space-4);margin-right:var(--space-8);white-space:nowrap;font-weight:500}.trash-banner{justify-content:space-between;align-items:center;gap:var(--space-12);margin:7px var(--file-container-gutter) 6px var(--file-container-gutter);background:var(--bg-secondary);border:1px solid var(--border-soft);border-radius:var(--radius-md);flex-shrink:0;min-height:48px;padding:0 8px 0 14px;display:flex}.trash-banner-text{font-size:var(--font-base);color:var(--text-menu)}.trash-banner-btn{padding:var(--space-6) var(--space-12);border-radius:var(--radius-md);color:var(--accent);font-family:inherit;font-size:var(--font-base);cursor:pointer;white-space:nowrap;background:0 0;border:none;flex-shrink:0;font-weight:500;transition:background .15s}.trash-banner-btn:hover{background:var(--bg-toggle)}.grid-sort-row{padding:var(--grid-sort-pad-top) var(--file-container-gutter) 0 var(--file-container-gutter);flex-shrink:0;align-items:center;display:flex}.sort-btn{align-items:center;gap:var(--space-4);font-family:inherit;font-size:var(--font-base);color:var(--text-menu);cursor:pointer;border-radius:var(--radius-md);background:0 0;border:none;padding:6px 8px;font-weight:500;transition:background .15s;display:flex}.sort-btn:hover{background:var(--bg-toggle)}.sort-dropdown{width:var(--popover-w-wide);background:var(--bg-primary);box-shadow:var(--shadow-md);border-radius:var(--radius-md);padding:var(--space-6) 0;z-index:30;animation:.1s fadeInMenu;position:absolute;top:calc(100% + 4px);left:0}.sort-dropdown-label{padding:var(--space-6) var(--space-16);font-size:var(--font-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.sort-dropdown-item{align-items:center;gap:var(--space-12);width:100%;padding:var(--space-8) var(--space-16);color:var(--text-menu);font-size:var(--font-base);cursor:pointer;text-align:left;background:0 0;border:none;font-family:inherit;transition:background .1s;display:flex}.sort-dropdown-item:hover{background:var(--bg-hover-light)}.sort-dropdown-item.active{color:var(--accent)}.sort-check{width:var(--icon-nav);color:var(--accent);justify-content:center;align-items:center;display:flex}
.folder-card{background:var(--bg-secondary);border:1px solid var(--border-soft);border-radius:var(--radius-md);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;min-width:0;padding:6px 8px 6px 14px;font-family:inherit;transition:background .15s;display:flex}.folder-card:hover{background:var(--bg-hover-card)}.folder-card.selected{background:var(--bg-selected)}.folder-card.drop-hover{border-color:var(--accent);background:var(--bg-drop-hover)}.folder-card .folder-name{font-size:var(--font-base);color:var(--text-menu);text-overflow:ellipsis;white-space:nowrap;text-align:left;flex:1;font-weight:500;line-height:1.2;overflow:hidden}.file-card{background:var(--bg-secondary);border:1px solid var(--border-soft);border-radius:var(--radius-md);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .15s,border-color .15s;overflow:hidden}.file-card:hover{background:var(--bg-hover-card)}.file-card.selected{background:var(--bg-selected);border-color:var(--bg-selected-border)}.file-card.drop-hover{border-color:var(--accent);background:var(--bg-drop-hover)}.file-card-header{align-items:center;gap:8px;padding:6px 8px 6px 14px;display:flex}.file-card-title{font-size:var(--font-base);color:var(--text-menu);text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:500;line-height:1.2;overflow:hidden}.file-card-preview{background:var(--bg-primary);border-radius:0 0 var(--radius-sm) var(--radius-sm);aspect-ratio:4/3;justify-content:center;align-items:center;margin:0 4px 4px;display:flex;overflow:hidden}.file-card-thumb{object-fit:contain;border-radius:0 0 var(--radius-sm) var(--radius-sm);width:100%;height:100%}.three-dot-btn{width:var(--control-lg);height:var(--control-lg);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.three-dot-btn:hover{background:var(--bg-hover-3dot)}.recency-group-header{font-size:var(--font-base);color:var(--text-menu);padding:4px 0 var(--recency-card-gap) 8px;font-weight:500;line-height:20px}.recency-group-row{padding:11px calc(var(--file-container-gutter) - var(--scrollbar-gutter)) 5px calc(var(--file-container-gutter) + 12px);font-size:var(--font-base);color:var(--text-menu);align-items:center;font-weight:500;display:flex}.recency-group-row span{transform:translateY(var(--nudge-recency-label))}
.file-list-container{container:filelist/inline-size}.list-header{margin:var(--nudge-list-header) var(--file-container-gutter) calc(1px - var(--list-header-divider-drop));height:calc(var(--control-row-height) + var(--list-header-divider-drop));padding-bottom:var(--list-header-divider-drop);-webkit-user-select:none;user-select:none;flex-shrink:0;align-items:stretch;display:flex;position:relative}.list-header:after{content:"";bottom:calc(var(--list-header-divider-drop) - 1px);background:var(--border-medium);height:1px;position:absolute;left:0;right:0}.list-header-cell{font-size:var(--font-base);color:var(--text-menu);cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;padding:4px 0;font-family:inherit;font-weight:500;transition:color .15s;display:flex}.list-header-cell:hover{color:var(--text-primary)}.list-col-clickable{cursor:pointer;border-radius:var(--radius-md) var(--radius-md) 0 0;align-items:center;padding-left:12px;transition:background .1s;display:flex}.list-col-clickable:hover{background:var(--bg-hover-row)}.file-list-row{margin-left:var(--file-container-gutter);margin-right:calc(var(--file-container-gutter) - var(--scrollbar-gutter));height:var(--list-row-height);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;padding-top:2px;transition:background .1s;display:flex;position:relative}.file-list-row:after{content:"";background:var(--border-medium);height:1px;position:absolute;bottom:0;left:0;right:0}.file-list-row:hover{background:var(--bg-hover-row)}.file-list-row.selected{background:var(--bg-selected)}.file-list-row.drop-hover{background:var(--bg-drop-hover);outline:2px solid var(--accent);outline-offset:-2px}.list-col-name{min-width:var(--col-name-min);flex:1;align-items:center;gap:10px;padding-left:12px;display:flex}.file-list-row .list-col-name>svg:first-child{margin-left:-1px}.file-list-row .list-col-name span{text-overflow:ellipsis;white-space:nowrap;font-size:var(--font-base);color:var(--text-primary);line-height:1.2;overflow:hidden}.list-col-owner{width:var(--list-col-shared);font-size:var(--font-base);color:var(--text-menu);flex-shrink:0;align-items:center;gap:8px;padding-left:12px;display:flex;overflow:hidden}.list-col-owner .user-avatar{flex-shrink:0}.list-col-owner-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.list-col-date{width:var(--list-col-data);font-size:var(--font-base);color:var(--text-menu);flex-shrink:0;align-items:center;padding-left:12px;display:flex}.list-col-activity{width:var(--list-col-activity);font-size:var(--font-md);color:var(--text-secondary);flex-shrink:0;align-items:center;padding-left:12px;display:flex}.activity-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.list-col-location{width:var(--list-col-location);font-size:var(--font-base);color:var(--text-menu);text-overflow:ellipsis;white-space:nowrap;flex-shrink:0;align-items:center;padding-left:12px;display:flex;overflow:hidden}.list-col-sort{width:var(--list-col-action);flex-shrink:0;justify-content:center;align-items:center;display:flex}.file-list-row .list-col-sort .three-dot-btn{width:var(--control-lg);height:var(--control-lg)}.sort-header-btn{color:var(--text-menu);cursor:pointer;border-radius:var(--radius-md);font-size:var(--font-base);height:var(--control-lg);background:0 0;border:none;justify-content:center;align-items:center;gap:6px;padding:6px 12px;font-family:inherit;font-weight:500;transition:background .15s;display:flex}.sort-header-btn:hover{background:var(--bg-toggle)}.sort-header-btn.active{background:var(--bg-selected);color:var(--text-active)}@container filelist (max-width:700px){.panel-open .list-col-sort{width:var(--control-lg);justify-content:flex-end}.panel-open .sort-header-btn .sort-label{display:none}.panel-open .sort-header-btn{width:var(--control-lg);justify-content:center;padding:0}}@container filelist (max-width:620px){.panel-open .list-col-location{display:none}}@container filelist (max-width:610px){.panel-open .view-shared .list-col-date{display:none}}
.portal-side-panel{width:var(--panel-width);min-width:var(--panel-width);max-width:var(--panel-width);background:var(--bg-secondary);height:100%;padding:var(--gap-shell) var(--gap-shell) 0 0;flex-direction:column;flex-shrink:0;display:flex;overflow:hidden}.side-panel-inner{background:var(--bg-primary);border:1px solid var(--border-medium);height:100%;margin-bottom:var(--gap-shell);border-radius:0;flex-direction:column;display:flex;overflow:hidden}.side-panel-header{justify-content:space-between;align-items:flex-start;gap:var(--space-14);padding:13px var(--space-16) var(--space-16);flex-shrink:0;display:flex}.side-panel-header-title{align-items:flex-start;gap:var(--space-10);min-width:0;padding-top:var(--nudge-panel-title);flex:1;display:flex}.side-panel-header-title svg{flex-shrink:0;margin-top:1px}.side-panel-header-title span{font-size:var(--font-lg);color:var(--text-primary);overflow-wrap:anywhere;word-break:break-word;-webkit-line-clamp:4;-webkit-box-orient:vertical;font-weight:600;display:-webkit-box;overflow:hidden}.side-panel-tabs{border-bottom:1px solid var(--border-medium);flex-shrink:0;display:flex}.side-panel-tab{padding:var(--space-12) 0;font-size:var(--font-base);cursor:pointer;color:var(--text-secondary);text-align:center;background:0 0;border:none;border-bottom:3px solid #0000;flex:1;font-family:inherit;font-weight:500;transition:color .15s}.side-panel-tab:hover{color:var(--text-primary)}.side-panel-tab.active{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}.side-panel-content{padding:var(--space-20);flex:1;overflow-y:auto}.side-panel-preview{aspect-ratio:4/3;background:var(--bg-primary);border:1px solid var(--border-medium);border-radius:var(--radius-md);width:100%;margin-bottom:var(--space-24);justify-content:center;align-items:center;display:flex;overflow:hidden}.side-panel-thumb{object-fit:contain;width:100%;height:100%}.detail-row{margin-bottom:var(--space-10);font-size:var(--font-base);display:flex}.detail-row .detail-label{width:var(--detail-label-w);color:var(--text-secondary);flex-shrink:0}.detail-row .detail-value{color:var(--text-primary)}.detail-section-heading{font-size:var(--font-base);color:var(--text-menu);letter-spacing:-.01em;padding-bottom:var(--space-8);margin-bottom:var(--space-12);border-bottom:1px solid var(--border-medium);font-weight:600}.detail-access{margin-bottom:var(--space-24)}.access-facepile{align-items:center;gap:var(--space-6);margin-bottom:var(--space-10);display:flex}.access-face{width:var(--control-lg);height:var(--control-lg);font-size:var(--font-base);cursor:default;flex-shrink:0}.access-face-more{background:var(--bg-toggle);color:var(--text-secondary);cursor:pointer}.access-face-more:hover{background:var(--border-medium)}.access-summary{font-size:var(--font-base);color:var(--text-secondary);line-height:1.4}.access-manage-btn{margin-top:var(--space-12)}.detail-description{margin-top:var(--space-24)}.inline-edit-display{text-align:left;width:calc(100% + 16px);font-family:inherit;font-size:var(--font-base);color:var(--text-primary);border-radius:var(--radius-sm);cursor:text;white-space:pre-wrap;overflow-wrap:anywhere;background:0 0;border:1px solid #0000;margin:-6px -8px;padding:6px 8px;line-height:1.5;transition:border-color .15s;display:block}.inline-edit-display:hover{border-color:var(--border-medium)}.inline-edit-empty{color:var(--text-tertiary)}.inline-edit-readonly{cursor:default}.inline-edit-readonly:hover{border-color:#0000}.inline-edit-input{width:calc(100% + 16px);font-family:inherit;font-size:var(--font-base);color:var(--text-primary);background:var(--bg-primary);border:1px solid var(--accent);border-radius:var(--radius-sm);resize:vertical;margin:-6px -8px;padding:6px 8px;line-height:1.5;display:block}.activity-feed{--tl-dot-center:9px;flex-direction:column;display:flex}.activity-row{gap:var(--space-10);align-items:stretch;display:flex;position:relative}.activity-marker{flex-shrink:0;justify-content:center;align-items:flex-start;width:11px;display:flex;position:relative}.activity-marker:before{content:"";background:var(--border-medium);width:1px;position:absolute;top:0;bottom:0;left:5px}.activity-row:first-child .activity-marker:before{top:var(--tl-dot-center)}.activity-row:last-child .activity-marker:before{bottom:calc(100% - var(--tl-dot-center))}.activity-dot{width:7px;height:7px;margin-top:calc(var(--tl-dot-center) - 3.5px);background:var(--text-tertiary);z-index:1;border-radius:50%;position:relative}.activity-body{min-width:0;padding-bottom:var(--space-20)}.activity-row:last-child .activity-body{padding-bottom:0}.activity-time{font-size:var(--font-base);color:var(--text-tertiary);line-height:18px;display:block}.activity-main{align-items:center;gap:var(--space-10);margin-top:var(--space-8);display:flex}.activity-avatar{width:var(--control-lg);height:var(--control-lg);font-size:var(--font-base);cursor:default;flex-shrink:0}.activity-text{font-size:var(--font-base);color:var(--text-primary);overflow-wrap:anywhere;min-width:0;line-height:1.3}
.settings-content-scroll{scrollbar-gutter:stable;padding:var(--space-18) var(--table-gutter) var(--space-32) var(--table-gutter);flex:1;overflow:hidden auto}.settings-content-scroll-usage{scrollbar-gutter:auto;padding:0;overflow-y:hidden}.settings-content-inner{max-width:var(--form-col-w)}.settings-section-title{font-size:var(--font-xl);color:var(--text-primary);margin-bottom:var(--space-24);letter-spacing:-.01em;font-weight:500}.settings-subsection{flex-direction:column;display:flex}.settings-subsection-heading{font-size:var(--font-base);color:var(--text-menu);letter-spacing:-.01em;padding-bottom:var(--space-8);margin-bottom:var(--space-12);border-bottom:1px solid var(--border-medium);font-weight:600}.settings-subsection>.settings-row,.settings-subsection>.settings-notif-list .settings-notif-item:first-child{padding-top:var(--space-4)}.settings-form{gap:var(--space-20);flex-direction:column;display:flex}.settings-field{gap:var(--space-6);flex-direction:column;flex:1;display:flex}.settings-field label{font-size:var(--font-base);color:var(--text-secondary);font-weight:600}.settings-field input,.settings-field select{height:var(--input-h);padding:0 var(--space-12);border:1px solid var(--border-medium);border-radius:var(--radius-md);font-size:var(--font-base);color:var(--text-primary);max-width:var(--field-max-w);background:var(--bg-primary);outline:none;font-family:inherit;transition:border-color .15s,box-shadow .15s}.settings-field input:focus,.settings-field select:focus{border-color:var(--accent);box-shadow:var(--shadow-focus)}.settings-field select{max-width:var(--field-select-w)}.settings-profile-photo{align-items:flex-start;gap:var(--space-10);margin-bottom:var(--space-8);flex-direction:column;display:flex}.settings-profile-photo .settings-avatar-lg{width:var(--avatar-lg);height:var(--avatar-lg);font-size:var(--avatar-initial-lg);border-radius:var(--radius-lg)}.settings-avatar-photo{width:var(--avatar-lg);height:var(--avatar-lg);cursor:pointer;border-radius:var(--radius-lg);background:0 0;border:none;padding:0;position:relative}.settings-avatar-overlay{border-radius:var(--radius-lg);background:var(--overlay-bg);color:var(--text-on-accent);opacity:0;justify-content:center;align-items:center;transition:opacity .15s;display:flex;position:absolute;inset:0}.settings-avatar-photo:hover .settings-avatar-overlay,.settings-avatar-photo:focus-visible .settings-avatar-overlay,.settings-avatar-photo:hover .user-avatar{opacity:1}.settings-avatar-pencil{width:var(--glyph-36);height:var(--glyph-36)}.settings-notif-list{flex-direction:column;display:flex}.settings-notif-item{justify-content:space-between;align-items:center;gap:var(--space-24);padding:var(--space-16) 0;border-bottom:1px solid var(--border-medium);display:flex}.settings-notif-item:last-child{border-bottom:none}.settings-notif-text{min-width:0}.settings-notif-label{font-size:var(--font-base);color:var(--text-primary);font-weight:500}.settings-notif-desc{font-size:var(--font-sm);color:var(--text-secondary);margin-top:2px}.settings-notif-toggles{gap:var(--space-24);flex-shrink:0;display:flex}.settings-notif-toggle{align-items:center;gap:var(--space-6);flex-direction:column;display:flex}.settings-notif-toggle-label{font-size:var(--font-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.04em;font-weight:600}.toggle-switch{width:var(--toggle-w);height:var(--toggle-h);border-radius:var(--toggle-radius);background:var(--border-medium);cursor:pointer;border:none;padding:0;transition:background .2s;position:relative}.toggle-switch.on{background:var(--accent)}.toggle-knob{width:var(--toggle-knob);height:var(--toggle-knob);background:var(--bg-primary);box-shadow:var(--shadow-knob);border-radius:50%;transition:transform .2s;position:absolute;top:2px;left:2px}.toggle-switch.on .toggle-knob{transform:translateX(calc(var(--toggle-w) - var(--toggle-knob) - 4px))}.settings-rows{flex-direction:column;display:flex}.settings-row{justify-content:space-between;align-items:center;gap:var(--space-24);padding:var(--space-16) 0;border-bottom:1px solid var(--border-medium);display:flex}.settings-row:last-child{border-bottom:none}.settings-row-text{min-width:0}.settings-row-label{font-size:var(--font-base);color:var(--text-primary);font-weight:500}.settings-row-desc{font-size:var(--font-sm);color:var(--text-secondary);margin-top:2px;line-height:1.4}.settings-row-label-danger{color:var(--error)}.settings-integrations-list{flex-direction:column;display:flex}.settings-integration-row{align-items:center;gap:var(--space-16);padding:var(--space-16) 0;border-bottom:1px solid var(--border-medium);display:flex}.settings-integration-row:last-child{border-bottom:none}.settings-integration-logo{width:var(--integration-logo);height:var(--integration-logo);object-fit:contain;flex-shrink:0}.settings-integration-info{flex:1;min-width:0}.settings-integration-name{font-weight:500;font-size:var(--font-base);color:var(--text-primary)}.settings-integration-desc{font-size:var(--font-sm);color:var(--text-secondary);margin-top:1px}.settings-integration-status{font-size:var(--font-sm);color:var(--text-tertiary);flex-shrink:0}.settings-integration-btn{flex-shrink:0}.settings-payment-info{align-items:center;gap:var(--space-14);min-width:0;display:flex}.settings-payment-info svg{flex-shrink:0}.settings-usage-fullwidth{flex-direction:column;height:100%;display:flex;container:usage/inline-size}.settings-usage-titlebar{justify-content:space-between;align-items:center;gap:var(--space-12);padding:var(--space-18) var(--table-gutter) var(--space-7) var(--table-gutter);flex-wrap:wrap;flex-shrink:0;display:flex}.settings-usage-fullwidth .filter-row{padding:0 var(--table-gutter)}.settings-usage-summary{align-items:center;gap:var(--space-8);font-size:var(--font-md);color:var(--text-secondary);display:flex}.settings-usage-summary .btn-primary{height:var(--control-lg);padding:0 var(--space-16);align-items:center;display:inline-flex}.usage-list-header{margin:var(--nudge-list-header) var(--table-gutter) calc(1px - var(--list-header-divider-drop));height:calc(var(--control-row-height) + var(--list-header-divider-drop));padding-bottom:var(--list-header-divider-drop);-webkit-user-select:none;user-select:none;flex-shrink:0;align-items:stretch;display:flex;position:relative}.usage-list-header:after{content:"";bottom:calc(var(--list-header-divider-drop) - 1px);background:var(--border-medium);height:1px;position:absolute;left:0;right:0}.usage-header-btn{cursor:pointer;border-radius:var(--radius-md) var(--radius-md) 0 0;background:0 0;border:none;align-items:center;padding-left:12px;font-family:inherit;line-height:1.5;transition:background .1s;display:flex}.usage-header-btn:hover{background:var(--bg-hover-row)}.usage-header-cell{align-items:center;gap:var(--space-4);font-size:var(--font-base);color:var(--text-menu);padding:var(--space-4) 0;white-space:nowrap;font-weight:500;transition:color .15s;display:flex}.usage-header-btn:hover .usage-header-cell{color:var(--text-primary)}.usage-list-row{margin-left:var(--table-gutter);margin-right:calc(var(--table-gutter) - var(--scrollbar-gutter));height:var(--list-row-height);flex-shrink:0;align-items:center;padding-top:2px;transition:background .1s;display:flex;position:relative}.usage-list-row:after{content:"";background:var(--border-medium);height:1px;position:absolute;bottom:0;left:0;right:0}.usage-list-row:hover{background:var(--bg-hover-row)}.usage-list-row>span{font-size:var(--font-base);color:var(--text-menu);text-overflow:ellipsis;white-space:nowrap;align-items:center;padding-left:12px;display:flex;overflow:hidden}.usage-list-row .jobs-row-name,.usage-list-row .usage-col-month{line-height:1.2}.usage-col-month{flex:1;min-width:0}.usage-col-num{width:var(--usage-col);flex-shrink:0}.usage-list-row .usage-col-num{font-variant-numeric:tabular-nums}.usage-list-body{scrollbar-gutter:stable;flex:1;min-height:0;overflow:hidden auto}.jobs-col-name{min-width:var(--col-name-min);flex:1}.jobs-col-started{width:var(--usage-col-started);flex-shrink:0}.jobs-col-type,.jobs-col-duration,.jobs-col-hours,.jobs-col-cost,.jobs-col-status{width:var(--usage-col);flex-shrink:0}.usage-list-row .jobs-row-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.usage-list-row .jobs-col-hours,.usage-list-row .jobs-col-cost{font-variant-numeric:tabular-nums}.settings-usage-status{padding:2px var(--space-8);border-radius:var(--radius-sm);font-size:var(--font-sm);border:1px solid #0000;align-items:center;font-weight:500;line-height:1.4;display:inline-flex}.settings-usage-status-finished{background:var(--success-bg);color:var(--success);border-color:var(--success-border)}.settings-usage-status-failed{background:var(--error-bg);color:var(--error);border-color:var(--error-border)}.settings-usage-status-cancelled{background:var(--bg-toggle);color:var(--text-secondary);border-color:var(--border-medium)}.usage-status-glyph{display:none}@container usage (max-width:1000px){.jobs-col-status{width:var(--usage-col-status-sq)}.settings-usage-status{width:var(--usage-status-sq);height:var(--usage-status-sq);justify-content:center;padding:0}.usage-status-word{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.usage-status-glyph{display:block}}@container usage (max-width:960px){.settings-usage-fullwidth .jobs-col-cost{display:none}}@container usage (max-width:860px){.settings-usage-fullwidth .jobs-col-duration{display:none}}.settings-team-empty{padding:var(--space-48) var(--space-20);flex-direction:column;align-items:center;display:flex}button.settings-danger-btn{color:var(--error);border-color:var(--error-border)}button.settings-danger-btn:hover{background:var(--error-bg);border-color:var(--error)}.settings-team-heading{font-weight:600;font-size:var(--font-base);color:var(--text-primary);margin-bottom:var(--space-4)}.settings-team-desc{font-size:var(--font-md);color:var(--text-secondary);text-align:center;max-width:var(--empty-text-w);margin-bottom:var(--space-16)}.settings-btn-sm{font-size:var(--font-md)}.settings-btn-save{margin-top:var(--space-8);align-self:flex-start}.settings-field .settings-input-disabled{background:var(--bg-surface-subtle);color:var(--text-tertiary)}.btn-outline{padding:var(--space-7) var(--space-20);border-radius:var(--radius-md);border:1px solid var(--border-medium);background:var(--bg-primary);color:var(--text-menu);font-size:var(--font-base);cursor:pointer;font-family:inherit;font-weight:500;transition:background .15s,border-color .15s}.btn-outline:hover{background:var(--bg-hover-light);border-color:var(--text-tertiary)}.sidebar-meter-header{align-items:center;gap:var(--space-8);margin-bottom:var(--space-8);display:flex}.sidebar-meter-label{font-size:var(--font-md);color:var(--text-secondary);font-weight:500}.sidebar-meter-usage{font-size:var(--font-sm);color:var(--text-tertiary)}
.login-root{background:var(--bg-secondary);height:100%;padding:var(--space-24);justify-content:center;align-items:center;display:flex}.login-card{width:var(--login-card-w);gap:var(--space-16);background:var(--bg-primary);border:1px solid var(--border-medium);border-radius:var(--radius-md);padding:var(--space-32);box-shadow:var(--shadow-md);flex-direction:column;display:flex}.login-brand{align-items:center;gap:var(--space-8);justify-content:center;display:flex}.login-title{font-size:var(--font-lg);color:var(--text-primary);text-align:center;margin:0;font-weight:600}.login-field{gap:var(--space-6);font-size:var(--font-base);color:var(--text-secondary);flex-direction:column;font-weight:500;display:flex}.login-field input{width:100%;height:var(--input-h-hero);padding:0 var(--space-14);border:1px solid var(--border-medium);border-radius:var(--radius-md);font-size:var(--font-base);color:var(--text-primary);outline:none;font-family:inherit;transition:all .15s}.login-field input:focus{border-color:var(--accent);box-shadow:var(--shadow-focus)}.login-error{font-size:var(--font-md);color:var(--error);margin:0}.login-submit{height:var(--input-h-hero);width:100%}.login-submit:disabled{opacity:.6;cursor:default}