:root{color-scheme:light;font-family:Avenir Next,Segoe UI,sans-serif;--bg: #eef3f7;--bg-strong: #dfe7ef;--panel: rgba(255, 255, 255, .92);--panel-solid: #ffffff;--panel-contrast: #f6f8fb;--line: rgba(26, 42, 68, .12);--line-strong: rgba(26, 42, 68, .2);--text: #1d2636;--text-soft: #657186;--blue: #1a73e8;--blue-deep: #125cc0;--blue-soft: rgba(26, 115, 232, .12);--green: #0f8a5f;--green-soft: rgba(15, 138, 95, .12);--amber: #f0b429;--amber-soft: rgba(240, 180, 41, .14);--red: #d64545;--red-soft: rgba(214, 69, 69, .12);--navy: #12233d;--shadow-xl: 0 28px 70px rgba(16, 31, 58, .12);--shadow-lg: 0 18px 42px rgba(16, 31, 58, .1);--shadow-md: 0 10px 26px rgba(16, 31, 58, .08);--radius-xl: 32px;--radius-lg: 24px;--radius-md: 18px;--radius-sm: 12px}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;color:var(--text);background:radial-gradient(circle at top left,rgba(26,115,232,.16),transparent 28%),radial-gradient(circle at top right,rgba(15,138,95,.12),transparent 18%),linear-gradient(180deg,#edf2f7,#f7f9fb 45%,#edf3f8)}button,input,select,a{font:inherit}button{border:0;cursor:pointer}a{color:inherit;text-decoration:none}svg{width:1.1rem;height:1.1rem}input,select{width:100%;min-height:48px;padding:0 14px;border-radius:14px;border:1px solid var(--line);background:#fffffff5;color:var(--text);outline:none}input:focus,select:focus{border-color:#1a73e861;box-shadow:0 0 0 4px #1a73e81a}.primaryButton,.secondaryButton,.sidebarItem,.splitToggle,.iconButton,.pill,.authTabs button,.viewToggle button,.segmentedControl button,.miniMenu button,.contextMenu button{display:inline-flex;align-items:center;justify-content:center;gap:10px;transition:background .2s ease,border-color .2s ease,transform .2s ease,color .2s ease}.primaryButton,.secondaryButton{min-height:46px;padding:0 18px;border-radius:14px;font-weight:700}.primaryButton{background:var(--blue);color:#fff;box-shadow:0 14px 28px #1a73e83d}.primaryButton:hover{background:var(--blue-deep);transform:translateY(-1px)}.secondaryButton{border:1px solid var(--line);background:#fffffff0;color:var(--navy)}.secondaryButton:hover,.sidebarItem:hover,.authTabs button:hover,.viewToggle button:hover,.segmentedControl button:hover,.iconButton:hover,.miniMenu button:hover,.contextMenu button:hover{background:#1a73e814}.secondaryButton svg,.primaryButton svg,.iconButton svg,.sidebarItem svg{flex:none}.textButton{justify-self:flex-start;padding:0;background:transparent;color:var(--blue);font-weight:700}.textButton:hover{color:var(--blue-deep)}.eyebrow{display:inline-block;margin:0 0 10px;color:var(--text-soft);font-size:11px;letter-spacing:.12em;text-transform:uppercase}.noticeBanner{padding:14px 18px;border-radius:16px;border:1px solid transparent;font-weight:600}.noticeBanner.success{border-color:#0f8a5f2e;background:var(--green-soft);color:var(--green)}.noticeBanner.error{border-color:#d645452e;background:var(--red-soft);color:#b53030}.pill{min-height:34px;padding:0 12px;border-radius:999px;font-size:12px;font-weight:700}.pill.good{background:var(--green-soft);color:var(--green)}.pill.bad{background:var(--red-soft);color:var(--red)}.pill.neutral{background:#12233d14;color:var(--navy)}.brandIcon,.entryBadge,.accountAvatar{display:inline-flex;align-items:center;justify-content:center}.brandIcon{width:50px;height:50px;border-radius:16px;background:linear-gradient(135deg,#1a73e82e,#0f8a5f29);color:var(--blue)}.heroStats,.publicShareMeta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.heroStatCard{padding:18px;border-radius:20px;border:1px solid var(--line);background:#ffffffdb}.heroStatCard span{display:block;color:var(--text-soft);font-size:12px;letter-spacing:.06em;text-transform:uppercase}.heroStatCard strong{display:block;margin-top:10px;font-size:1.05rem;line-height:1.35}.authShell,.publicShareShell,.driveAppShell{min-height:100vh;padding:28px}.authPanel,.publicShareCard,.driveWindow,.panel,.queuePanel,.dropzonePanel,.storageCard,.accountCard,.authCard,.driveHero,.filesHero{border:1px solid var(--line);background:var(--panel);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.authPanel{width:min(1200px,100%);margin:0 auto;padding:22px;display:grid;grid-template-columns:minmax(0,1.2fr) 420px;gap:20px}.authPanel.simple{grid-template-columns:1fr;width:min(760px,100%)}.authHero{padding:36px;border-radius:var(--radius-xl);background:radial-gradient(circle at top right,rgba(26,115,232,.12),transparent 30%),linear-gradient(180deg,#ffffffeb,#f3f7fcf5)}.authHero h1,.driveHero h1,.panelHeader h2,.publicShareHero h1{margin:0}.authHero p,.driveHero p,.publicShareHero p,.emptyState p,.modalLead{color:var(--text-soft);line-height:1.7}.authCard{padding:24px;display:grid;gap:16px}.authPromoStrip{display:grid;gap:12px;margin-top:20px}.promoItem{display:flex;gap:14px;padding:16px 18px;border-radius:20px;border:1px solid var(--line);background:#ffffffb3}.promoItem strong,.roadmapCard strong{display:block}.promoItem span,.roadmapCard p{color:var(--text-soft)}.authTabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:6px;border-radius:16px;background:#12233d0f}.authTabs button,.viewToggle button,.segmentedControl button{min-height:42px;border-radius:12px;background:transparent;color:var(--text-soft);font-weight:700}.authTabs button.active,.viewToggle button.active,.segmentedControl button.active{background:#fff;color:var(--navy);box-shadow:var(--shadow-md)}.authCardHead{display:flex;align-items:center;gap:14px}.authCardHead strong,.driveBrand strong,.accountCopy strong,.publicShareBrand strong{display:block;font-size:1.05rem}.authCardHead span,.driveBrand span,.accountCopy span,.publicShareBrand span{color:var(--text-soft)}.formField{display:grid;gap:8px}.formField span{font-size:13px;font-weight:700}.authSubmit{width:100%}.driveWindow{width:min(1560px,100%);margin:0 auto;display:grid;grid-template-columns:292px minmax(0,1fr);overflow:hidden}.driveSidebar{display:flex;flex-direction:column;gap:18px;padding:22px;border-right:1px solid var(--line);background:linear-gradient(180deg,#fafcfef0,#f4f7fbf5)}.driveBrand,.accountCard,.publicShareBrand,.driveTopBar,.driveSubBar,.panelHeader,.queueItemTop,.storageCardHead,.driveHero{display:flex;align-items:center;justify-content:space-between;gap:14px}.driveBrand,.publicShareBrand{justify-content:flex-start}.sidebarActions,.sidebarSection{display:grid;gap:10px}.sidebarSectionTitle{padding:0 6px;color:var(--text-soft);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.sidebarItem{justify-content:flex-start;min-height:48px;padding:0 14px;border-radius:14px;background:transparent;color:var(--text-soft);font-weight:600}.sidebarItem.active{background:var(--blue-soft);color:var(--blue)}.sidebarItem.compact{min-height:42px;padding-inline:12px}.itemBadge,.entryBadge{min-width:52px;height:52px;border-radius:16px;font-size:12px;font-weight:800;letter-spacing:.08em}.itemBadge{min-width:42px;height:42px;border-radius:12px;font-size:11px}.itemBadge.folder,.entryBadge.folder{background:var(--blue-soft);color:var(--blue)}.itemBadge.system,.entryBadge.system,.entryBadge.code{background:#0f8a5f1f;color:var(--green)}.entryBadge.file{background:#12233d14;color:var(--navy)}.entryBadge.image{background:#d645451f;color:var(--red)}.entryBadge.video{background:#764ed824;color:#6f3fd6}.entryBadge.audio{background:#f0b42929;color:#a37200}.entryBadge.archive{background:#4d679224;color:#39537e}.storageCard,.accountCard{padding:18px}.roadmapCard{padding:18px;border-radius:20px;border:1px solid var(--line);background:radial-gradient(circle at top right,rgba(26,115,232,.1),transparent 22%),linear-gradient(180deg,#fffffff0,#f5f8fcf5);box-shadow:var(--shadow-md)}.roadmapCard p{margin:10px 0 0;line-height:1.6}.webDavCard{gap:12px}.webDavField{display:grid;gap:4px;margin-top:14px;padding:12px 14px;border-radius:16px;background:#ffffffdb;border:1px solid rgba(18,35,61,.08)}.webDavField span,.webDavHint{color:var(--text-soft);font-size:13px}.webDavField strong{overflow-wrap:anywhere;font-size:.92rem;color:var(--navy)}.webDavActions,.webDavPlatforms{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.webDavActions .iconButton{min-height:40px;padding:0 14px;border-radius:999px}.webDavPlatforms span{padding:7px 12px;border-radius:999px;background:#1a73e81a;color:var(--blue);font-size:12px;font-weight:700}.webDavHint{margin-top:14px}.storageCardHead strong,.accountCopy strong{font-size:.98rem}.storageCard p{margin:10px 0 0;color:var(--text-soft);font-size:13px}.storageBar,.queueBar{height:8px;border-radius:999px;overflow:hidden;background:#12233d14}.storageBar span,.queueBar span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--blue),#47a4ff)}.accountAvatar{width:48px;height:48px;flex:none;border-radius:16px;background:linear-gradient(135deg,#1a73e82e,#0f8a5f33);color:var(--navy);font-size:1.1rem;font-weight:800}.accountCard{margin-top:auto}.accountCopy{flex:1;min-width:0}.driveMain{padding:24px;display:grid;gap:18px;background:radial-gradient(circle at top right,rgba(26,115,232,.08),transparent 20%),linear-gradient(180deg,#f7f9fcc2,#f2f6fadb)}.driveTopBar,.driveSubBar,.panel,.queuePanel,.dropzonePanel,.driveHero,.filesHero{padding:18px 20px}.searchBar{flex:1;min-height:58px;padding:0 18px;border-radius:18px;border:1px solid var(--line);background:#ffffffeb;display:flex;align-items:center;gap:12px}.searchBar input{min-height:auto;padding:0;border:0;box-shadow:none;background:transparent}.topBarActions,.statusCluster,.shareActions,.queueMeta,.modalActions,.publicShareActions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.viewToggle{display:inline-grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:6px;border-radius:16px;background:#12233d0f}.splitButton{position:relative;display:flex}.splitToggle{min-width:46px;border-radius:14px;background:#12233d14;color:var(--navy)}.splitButton .primaryButton{border-top-right-radius:10px;border-bottom-right-radius:10px}.miniMenu,.contextMenu{z-index:20;min-width:220px;padding:8px;border:1px solid var(--line);border-radius:18px;background:#fffffffa;box-shadow:var(--shadow-xl)}.miniMenu{position:absolute;top:calc(100% + 10px);right:0}.contextMenu{position:fixed}.miniMenu button,.contextMenu button{width:100%;justify-content:flex-start;min-height:44px;padding:0 12px;border-radius:12px;background:transparent;color:var(--navy)}.contextMenu button.danger{color:var(--red)}.breadcrumbs{display:flex;flex-wrap:wrap;gap:8px}.breadcrumbs button{min-height:34px;padding:0 12px;border-radius:999px;background:#12233d0f;color:var(--text-soft)}.breadcrumbs button:hover{background:var(--blue-soft);color:var(--blue)}.driveHero,.filesHero{align-items:flex-start;background:radial-gradient(circle at top left,rgba(26,115,232,.12),transparent 28%),linear-gradient(180deg,#fffffff5,#f5f8fcfa)}.heroCopy{max-width:720px}.heroExamples{margin:12px 0 0;color:var(--navy);font-weight:700}.compactStats{min-width:340px}.dropzonePanel{display:flex;align-items:center;justify-content:space-between;gap:18px;background:linear-gradient(180deg,#fffffffa,#f7fafdfa),var(--panel);border:1px dashed rgba(26,115,232,.24)}.dropzonePanel.active{border-color:#1a73e885;background:linear-gradient(180deg,#e8f1fef0,#f7fafdfa),var(--panel)}.dropzoneMeta{min-width:280px;display:grid;gap:8px}.dropzoneMeta span,.panelMeta{color:var(--text-soft)}.segmentedControl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:6px;border-radius:16px;background:#12233d0f}.panel,.queuePanel{display:grid;gap:18px}.fileListPanel.list{overflow:hidden}.entryGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.fileTable{display:grid;gap:10px}.fileTableHead,.fileTableRow{display:grid;grid-template-columns:minmax(240px,2fr) minmax(120px,1fr) minmax(180px,1.3fr) 110px 150px 140px 64px;gap:12px;align-items:center}.fileTableHead{padding:0 16px 10px;color:var(--text-soft);font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.fileTableBody{display:grid;gap:10px}.fileTableRow{width:100%;padding:14px 16px;border-radius:18px;border:1px solid var(--line);background:#ffffffe6;box-shadow:var(--shadow-md);text-align:left;color:var(--text)}.fileTableRow.selected,.fileTableRow:hover{border-color:#1a73e833}.fileTableRow>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fileNameCell{display:flex;align-items:center;gap:12px;min-width:0}.fileNameCopy{display:grid;min-width:0}.fileNameCopy strong,.fileNameCopy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fileNameCopy small{color:var(--text-soft)}.rowActionCell{display:flex;justify-content:flex-end}.entryList,.shareList,.queueList{display:grid;gap:12px}.entryCard,.shareCard,.queueItem{position:relative;border:1px solid var(--line);border-radius:20px;background:#ffffffeb;box-shadow:var(--shadow-md)}.entryCard{padding:18px;display:grid;gap:14px}.entryCard.list{grid-template-columns:56px minmax(0,1fr);align-items:center}.entryCard.selected,.entryCard:hover,.shareCard:hover{border-color:#1a73e82e}.entryContent{display:grid;gap:4px}.entryContent strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.entryContent p,.entryContent span,.shareCard p,.queueItem p{margin:0;color:var(--text-soft)}.iconButton{width:42px;height:42px;border-radius:14px;background:#12233d0f;color:var(--navy)}.iconButton.floating{position:absolute;top:12px;right:12px;opacity:0}.entryCard:hover .iconButton.floating{opacity:1}.shareCard,.queueItem{padding:18px}.shareCard{display:grid;gap:14px}.shareMeta{display:flex;flex-wrap:wrap;gap:10px;color:var(--text-soft);font-size:14px}.queueStatus{padding:8px 12px;border-radius:999px;font-size:12px;font-weight:700;text-transform:uppercase}.queueStatus.queued{background:#12233d14;color:var(--navy)}.queueStatus.uploading{background:var(--blue-soft);color:var(--blue)}.queueStatus.uploaded{background:var(--green-soft);color:var(--green)}.queueStatus.failed{background:var(--red-soft);color:var(--red)}.queueMeta{justify-content:space-between;color:var(--text-soft);font-size:14px}.emptyState{padding:34px 22px;text-align:center}.emptyState strong{display:block;font-size:1.05rem}.emptyState.compact{padding-block:18px}.modalScrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;padding:20px;background:#0c152570}.modalCard{width:min(460px,100%);padding:22px;border-radius:26px;border:1px solid var(--line);background:#fffffffa;box-shadow:var(--shadow-xl);display:grid;gap:16px}.backupPhraseCard{width:min(760px,100%)}.backupPhraseGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.backupPhraseWord{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:16px;border:1px solid var(--line);background:#f7fafdfa}.backupPhraseWord span{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:999px;background:var(--blue-soft);color:var(--blue);font-size:12px;font-weight:800}.modalHead h3{margin:0}.modalLead{margin:-6px 0 0}.publicShareShell{display:grid;place-items:center}.publicShareCard{width:min(760px,100%);padding:24px;display:grid;gap:20px}.publicShareHero{display:grid;gap:10px}.publicShareActions .disabledLink{opacity:.6;pointer-events:none}@media(max-width:1120px){.driveWindow,.authPanel{grid-template-columns:1fr}.driveSidebar{border-right:0;border-bottom:1px solid var(--line)}}@media(max-width:820px){.authShell,.publicShareShell,.driveAppShell,.driveMain{padding:16px}.heroStats,.publicShareMeta{grid-template-columns:1fr}.driveTopBar,.driveSubBar,.dropzonePanel,.driveHero,.filesHero,.panelHeader,.queueItemTop{flex-direction:column;align-items:stretch}.topBarActions,.statusCluster,.shareActions,.publicShareActions,.primaryButton,.secondaryButton,.splitButton{width:100%}.splitButton .primaryButton,.splitToggle{flex:1}.fileTableHead{display:none}.fileTableRow{grid-template-columns:1fr}.fileTableRow>span:not(.fileNameCell):not(.rowActionCell){white-space:normal}.backupPhraseGrid{grid-template-columns:1fr}}
