@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap";:root{font-family:DM Sans,Noto Sans SC,PingFang SC,Microsoft YaHei,sans-serif;color:#26342f;background:#f6f8f7;font-synthesis:none;--ink: #26342f;--muted: #87928d;--green: #3f8f78;--green-dark: #2f7560;--green-soft: #e7f3ed;--line: #e8ece9;--surface: #ffffff;--sidebar-width: 236px;--shadow: 0 12px 40px rgba(47, 79, 65, .06)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,select{font:inherit}button{color:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}button:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:3px solid rgba(74,151,126,.2);outline-offset:2px}button{border:0}::selection{background:#cfe9dd;color:#275c4c}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#d6dfda;border-radius:20px;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-track{background:transparent}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar-width);background:#fcfdfcf0;border-right:1px solid var(--line);padding:29px 20px 22px;display:flex;flex-direction:column;z-index:30;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand-row{display:flex;align-items:center;justify-content:space-between}.brand{background:none;display:inline-flex;align-items:center;gap:11px;padding:0 8px;font-size:25px;font-weight:700;letter-spacing:1px}.brand-dot,.title-dot{color:#69aa92}.brand-mark{width:29px;height:29px;display:inline-flex;align-items:flex-end;justify-content:center;gap:2.5px;padding:6px;border-radius:9px;background:#3f8f78;transform:rotate(-4deg);box-shadow:0 5px 14px #3f8f7833}.brand-mark span{display:block;width:4px;border-radius:4px;background:#fff;transform:rotate(4deg)}.brand-mark span:nth-child(1){height:8px;opacity:.75}.brand-mark span:nth-child(2){height:15px}.brand-mark span:nth-child(3){height:11px;opacity:.85}.brand-caption{font-size:11px;color:#9ca59f;letter-spacing:2.2px;margin:10px 0 30px 49px}.sidebar-upload{width:100%;justify-content:center;margin-bottom:30px;position:relative;overflow:hidden}.button-shine{position:absolute;width:35px;height:160%;background:#ffffff2e;transform:rotate(25deg);left:-60px;transition:left .6s ease}.sidebar-upload:hover .button-shine{left:120%}.nav-eyebrow{margin:0 12px 10px;color:#a0aaa5;font-size:10px;letter-spacing:1.5px;font-weight:600}.main-nav{display:flex;flex-direction:column;gap:6px}.nav-item{width:100%;height:44px;border-radius:11px;padding:0 12px;display:flex;align-items:center;gap:12px;background:transparent;color:#707c76;font-size:13px;font-weight:500;transition:background .2s,color .2s,transform .2s}.nav-item:hover{background:#f0f5f2;color:var(--green-dark);transform:translate(2px)}.nav-item.active{background:#e8f2ed;color:#32755f;font-weight:600}.nav-count{margin-left:auto;min-width:23px;height:20px;border-radius:6px;display:grid;place-items:center;padding:0 5px;background:#ffffffb3;color:#8c9892;font-size:10px}.sidebar-spacer{flex:1;min-height:30px}.storage-card{padding:15px 14px;background:#f3f6f4;border:1px solid #edf1ee;border-radius:13px}.storage-heading{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:600}.storage-icon{color:var(--green);display:flex}.storage-percent{margin-left:auto;color:#839089;font-size:10px}.storage-track{height:5px;border-radius:10px;background:#dfe7e2;margin:13px 0 9px;overflow:hidden}.storage-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#75b6a0,#4c947c);transition:width .8s ease}.storage-card p{color:#98a29d;font-size:10px;margin:0}.storage-card p strong{color:#64726b;font-weight:500}.local-note{display:flex;align-items:center;gap:6px;color:#94a099;font-size:10px;padding:13px 4px 17px}.profile-card{border-top:1px solid var(--line);padding:18px 2px 0;display:flex;align-items:center;gap:10px}.avatar,.top-avatar{position:relative;border-radius:50%;background:linear-gradient(145deg,#dceae3,#c4dcd0);color:#3f7561;font-weight:700}.avatar{width:35px;height:35px;display:grid;place-items:center;font-size:13px}.online-dot{position:absolute;right:0;bottom:1px;width:8px;height:8px;background:#65b492;border:2px solid white;border-radius:50%}.profile-card>div:nth-child(2){display:flex;flex-direction:column;gap:3px;min-width:0}.profile-card strong{font-size:11px;font-weight:600;white-space:nowrap}.profile-card>div:nth-child(2) span{font-size:9px;color:#a1aba6;white-space:nowrap}.sidebar-close,.sidebar-scrim{display:none}.main-area{margin-left:var(--sidebar-width);min-height:100vh;display:flex;flex-direction:column}.topbar{height:76px;flex-shrink:0;padding:0 36px;display:flex;align-items:center;justify-content:space-between;gap:30px;background:#f6f8f7d9;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);position:sticky;top:0;z-index:20}.global-search{height:40px;max-width:460px;flex:1;border:1px solid #e5ebe7;background:#ffffffbf;border-radius:12px;display:flex;align-items:center;gap:10px;padding:0 12px;color:#99a39e;transition:border .2s,box-shadow .2s,background .2s}.global-search:focus-within{border-color:#a9cabd;background:#fff;box-shadow:0 0 0 4px #5c998212}.global-search input{min-width:0;flex:1;border:none;outline:none;background:transparent;color:var(--ink);font-size:13px}.global-search input::placeholder{color:#a9b2ad}.global-search input::-webkit-search-cancel-button{display:none}.global-search kbd{display:flex;align-items:center;gap:3px;border:1px solid #e2e8e4;background:#f8faf9;color:#a0aaa5;border-radius:5px;padding:3px 6px;font-size:9px;font-family:inherit}.global-search button{background:none;color:#9aa59f;display:grid;place-items:center;padding:2px}.topbar-right{display:flex;align-items:center;gap:17px}.save-status{color:#93a099;font-size:11px;display:flex;align-items:center;gap:6px;white-space:nowrap}.save-status i{width:6px;height:6px;background:#72b198;border-radius:50%;box-shadow:0 0 0 3px #72b1981f}.top-upload{height:38px!important;padding:0 16px!important}.top-avatar{width:34px;height:34px;font-size:12px}.mobile-menu,.mobile-bottom-nav{display:none}.view{width:100%;max-width:1500px;margin:0 auto;padding:20px 36px 44px;flex:1}.hero-card{min-height:278px;border-radius:22px;position:relative;overflow:hidden;padding:38px 44px;background:linear-gradient(115deg,#e8f2eb,#edf4ef 48%,#e8eeea);display:flex;align-items:center;box-shadow:inset 0 0 0 1px #fff9}.hero-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.25;background-image:radial-gradient(#8aab9c 1px,transparent 1px);background-size:24px 24px;-webkit-mask-image:linear-gradient(90deg,transparent,black);mask-image:linear-gradient(90deg,transparent,black)}.hero-copy{position:relative;z-index:2}.eyebrow-pill{display:inline-flex;align-items:center;gap:6px;color:#538671;background:#fff9;border:1px solid rgba(255,255,255,.85);padding:6px 10px;border-radius:20px;font-size:10px;font-weight:600;letter-spacing:.5px}.hero-copy h1{margin:15px 0 9px;font-size:clamp(25px,2.4vw,34px);line-height:1.35;letter-spacing:-.5px;font-weight:600}.hero-copy p{margin:0;color:#74847b;font-size:13px;line-height:1.9}.hero-actions{display:flex;gap:11px;margin-top:23px}.button{border-radius:10px;min-height:39px;padding:0 17px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:12px;font-weight:500;transition:transform .2s,box-shadow .2s,background .2s,border-color .2s;white-space:nowrap}.button:not(:disabled):hover{transform:translateY(-2px)}.button:not(:disabled):active{transform:translateY(0) scale(.98)}.button--primary{color:#fff;background:var(--green);box-shadow:0 6px 15px #387d6524}.button--primary:not(:disabled):hover{background:var(--green-dark);box-shadow:0 8px 20px #387d6538}.button--large{min-height:42px;padding:0 19px}.button--glass{background:#ffffffa6;border:1px solid rgba(255,255,255,.9);color:#587066}.button--glass:hover{background:#fff}.button--outline{background:#fff;border:1px solid #e2e9e5;color:#68776f}.button--outline:hover{border-color:#b9d1c6;color:var(--green)}.button--soft{background:#eaf4ef;color:#3d7d67}.button--soft:hover{background:#dceee5}.button--ghost{background:transparent;color:#7d8983}.button--ghost:hover{background:#f1f5f2}.button--danger{background:#bc6d6d;color:#fff;box-shadow:0 6px 15px #a3505026}.button--danger:hover{background:#a85c5c}.icon-button--danger:hover{background:#faeeee;color:#b66565}.hero-art{position:absolute;width:380px;height:100%;right:30px;top:0;z-index:1}.art-circle{position:absolute;width:170px;height:170px;border-radius:50%;right:74px;top:48px;border:1px solid rgba(255,255,255,.7);background:#ffffff2e;display:grid;place-items:center}.art-circle:before,.art-circle:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.45);border-radius:50%;top:-18px;right:-18px;bottom:-18px;left:-18px}.art-circle:after{top:-37px;right:-37px;bottom:-37px;left:-37px;opacity:.55}.art-circle-inner{width:108px;height:108px;border-radius:50%;display:grid;place-items:center;background:#ffffff94;color:#6f9d89;box-shadow:0 16px 40px #577e6c1a}.floating-card{position:absolute;border-radius:12px;background:#ffffffd6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 12px 28px #4564551a;display:flex;align-items:center;gap:9px;padding:10px 13px;animation:float 5s ease-in-out infinite}.floating-card strong,.floating-card small{display:block;white-space:nowrap}.floating-card strong{font-size:10px;font-weight:600}.floating-card small{font-size:8px;color:#9aa69f;margin-top:3px}.floating-card--image{right:204px;top:58px;transform:rotate(-4deg)}.floating-card--doc{right:15px;top:165px;animation-delay:-2.5s;transform:rotate(3deg)}.mini-landscape{width:38px;height:35px;border-radius:7px;background:#e2efe6;position:relative;overflow:hidden;display:block}.mini-landscape b{position:absolute;width:9px;height:9px;border-radius:50%;background:#f2cf93;right:6px;top:6px}.mini-landscape i{position:absolute;width:35px;height:30px;background:#a6cbb8;transform:rotate(40deg);left:-10px;top:20px}.mini-landscape i:nth-child(2){background:#7fb39c;left:12px;top:25px}.mini-doc{width:33px;height:36px;border-radius:6px;background:#ece8f6;padding:9px 7px}.mini-doc i{display:block;height:2px;background:#b5a6d5;border-radius:2px;margin-bottom:4px}.mini-doc i:last-child{width:60%}.art-spark{position:absolute;color:#8eb29f;font-size:19px;animation:twinkle 3s ease-in-out infinite}.art-spark--one{right:43px;top:57px}.art-spark--two{left:80px;bottom:35px;font-size:13px;animation-delay:-1.5s}.hero-orb{position:absolute;border-radius:50%;filter:blur(1px)}.hero-orb--one{width:180px;height:180px;right:8%;top:-100px;background:#d3c4e82e}.hero-orb--two{width:150px;height:150px;left:45%;bottom:-110px;background:#ffffff73}@keyframes float{0%,to{margin-top:0}50%{margin-top:-9px}}@keyframes twinkle{0%,to{opacity:.35;transform:scale(.8) rotate(0)}50%{opacity:1;transform:scale(1.15) rotate(20deg)}}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:20px 0 30px}.stat-card{min-height:93px;border-radius:15px;background:#fff;border:1px solid #edf0ee;box-shadow:0 5px 20px #2f4f4106;padding:19px 20px;display:flex;align-items:center;gap:14px;transition:transform .2s,box-shadow .2s}.stat-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.stat-icon{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;flex-shrink:0}.stat-icon--mint{background:#e8f4ee;color:#4c967d}.stat-icon--lilac{background:#f0edf7;color:#8b7ab0}.stat-icon--peach{background:#fbf0e8;color:#c3906b}.stat-card>div{display:flex;flex-direction:column;gap:4px}.stat-card>div>span{font-size:11.5px;color:#96a09b}.stat-card strong{font-size:23px;font-weight:600;letter-spacing:-.5px}.stat-card strong small{font-size:11px;color:#9ba59f;font-weight:400}.stat-card>button{margin-left:auto;background:#f7f9f8;color:#91a098;border-radius:8px;width:30px;height:30px;display:grid;place-items:center}.stat-decoration{margin-left:auto;font-size:10px;color:#a4ada8;background:#f7f9f8;padding:5px 7px;border-radius:6px}.content-section{margin-top:28px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.section-heading h2{font-size:16.5px;margin:0 0 5px;font-weight:600}.section-heading p{font-size:11.5px;color:#9ca59f;margin:0}.section-heading.slim{margin-bottom:13px}.section-heading h2 span{color:#9aa59f;font-size:11px;font-weight:400;margin-left:5px}.text-button{display:flex;align-items:center;gap:2px;background:none;color:#829089;font-size:11px;padding:5px 0}.text-button:hover{color:var(--green)}.folder-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:13px}.folder-card{min-height:126px;text-align:left;position:relative;overflow:hidden;border-radius:14px;border:1px solid rgba(255,255,255,.8);padding:17px;display:flex;flex-direction:column;transition:transform .25s,box-shadow .25s;animation:riseIn .45s both;animation-delay:var(--delay, 0ms)}.folder-card:hover{transform:translateY(-4px);box-shadow:0 12px 26px #39564914}.folder-card strong{margin-top:auto;font-size:13px;font-weight:600;position:relative;z-index:2}.folder-card>span:last-child{color:#8b9992;font-size:10.5px;margin-top:5px;position:relative;z-index:2}.folder-card--mint{background:#eaf3ee}.folder-card--lilac{background:#f0edf6}.folder-card--peach{background:#faf0e9}.folder-card--sky{background:#eaf2f5}.folder-shape{width:39px;height:35px;border-radius:9px;display:grid;place-items:center;background:#ffffffa6;color:#6d9d89}.folder-card--lilac .folder-shape{color:#9586b6}.folder-card--peach .folder-shape{color:#c29776}.folder-card--sky .folder-shape{color:#7398a8}.folder-arrow{position:absolute;right:13px;top:14px;color:#8a9992;opacity:.6}.folder-cover{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.12}.folder-cover img{width:100%;height:100%;object-fit:cover}.folder-card--new{border:1px dashed #d9e3dd;background:#ffffff73;align-items:flex-start;color:#7e8d85}.folder-card--new .folder-shape{background:#f0f4f1;color:#98a79f}.folder-card--new:hover{background:#fff;border-color:#a9c8ba}.folder-grid--files{grid-template-columns:repeat(auto-fit,minmax(185px,1fr));margin-bottom:25px}.folder-grid--files .folder-card{min-height:112px}.folder-empty{display:flex;align-items:center;gap:12px;padding:24px;background:#fff;border:1px dashed #dbe5df;border-radius:14px;color:#8b9891;font-size:12px}.folder-empty .text-button{margin-left:auto}.recent-section{padding-top:2px}.file-table{background:#fff;border:1px solid #edf0ee;border-radius:15px;overflow:hidden}.file-table-head,.file-row{display:grid;grid-template-columns:minmax(220px,1fr) 110px 150px 60px;align-items:center;gap:10px;padding:0 20px}.file-table-head{height:37px;background:#fafbfa;color:#a0aaa4;font-size:10.5px;border-bottom:1px solid #f0f2f0}.file-row{width:100%;min-height:62px;text-align:left;background:#fff;border-bottom:1px solid #f1f3f1;transition:background .2s}.file-row:last-child{border:0}.file-row:hover{background:#fbfdfb}.file-name-cell{display:flex;align-items:center;gap:11px;min-width:0}.file-name-cell>span:last-child{min-width:0}.file-name-cell strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;font-weight:500}.file-name-cell small{display:block;color:#a2aca6;font-size:10px;margin-top:4px}.muted-cell{color:#8f9b95;font-size:11px;display:flex;align-items:center;gap:5px}.row-actions{display:flex;justify-content:flex-end;gap:5px}.row-actions>span{width:29px;height:29px;display:grid;place-items:center;color:#91a098;border-radius:7px}.row-actions>span:hover{color:var(--green);background:#eaf4ef}.file-icon{width:39px;height:39px;border-radius:10px;display:inline-grid;place-items:center;flex-shrink:0}.file-icon--mint{background:#e6f3ed;color:#4b967c}.file-icon--lilac{background:#f0ecf7;color:#8e7ab5}.file-icon--peach{background:#fbefe7;color:#c68d66}.file-icon--rose{background:#faecec;color:#c27d7d}.file-icon--sky{background:#e9f2f6;color:#6e9aad}.file-icon--sand{background:#f6f1e5;color:#ac9868}.file-icon--slate{background:#edf1ef;color:#7f9188}.empty-state{padding:65px 20px;text-align:center;display:flex;flex-direction:column;align-items:center}.empty-state--compact{background:#fff;border:1px dashed #e0e7e2;border-radius:15px;padding:36px 20px}.empty-illustration{width:62px;height:62px;border-radius:20px;background:#eaf3ee;color:#70a18d;display:grid;place-items:center;margin-bottom:15px;transform:rotate(-4deg)}.empty-state h3{font-size:14px;margin:0 0 8px;font-weight:600}.empty-state p{font-size:11px;color:#98a39d;margin:0 0 18px}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:8px 0 22px}.page-eyebrow{color:#77a08e;font-size:9px;letter-spacing:2px;font-weight:600}.page-heading h1{margin:8px 0 7px;font-size:30px;font-weight:600;letter-spacing:-.5px}.page-heading p{color:#8d9992;font-size:12px;margin:0}.page-actions{display:flex;gap:10px}.breadcrumbs{display:flex;align-items:center;gap:7px;font-size:11px;color:#a0aaa5;margin-bottom:24px}.breadcrumbs button{background:none;padding:0;color:#7c8c84}.breadcrumbs button:hover{color:var(--green)}.breadcrumbs span{color:#a0aaa5}.file-browser,.media-section{background:#fff;border:1px solid #ebefec;border-radius:17px;padding:20px;box-shadow:0 5px 24px #2f4f4106}.file-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:18px}.toolbar-title{display:flex;align-items:center;gap:9px}.toolbar-title h2{font-size:15px;font-weight:600;margin:0}.toolbar-title>span{font-size:10px;color:#8d9a93;background:#f1f5f2;border-radius:6px;padding:3px 6px}.toolbar-controls{display:flex;align-items:center;gap:8px}.toolbar-controls select{height:32px;border:1px solid #e7ece8;background:#fafbfa;color:#7e8c84;font-size:11px;border-radius:8px;padding:0 24px 0 9px;outline:none}.view-toggle{display:flex;padding:3px;background:#f3f6f4;border-radius:8px}.view-toggle button{width:28px;height:26px;display:grid;place-items:center;background:transparent;color:#9aa59f;border-radius:6px}.view-toggle button.active{background:#fff;color:#538873;box-shadow:0 2px 5px #37524514}.file-card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.file-card{position:relative;border:1px solid #e9eeea;border-radius:13px;overflow:hidden;background:#fff;cursor:pointer;transition:transform .25s,box-shadow .25s,border .25s}.file-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px #314f4017;border-color:#d8e5dd}.file-card-preview{height:125px;display:grid;place-items:center;background:#f3f6f4;position:relative;overflow:hidden}.file-card-preview>img,.file-card-preview>video{width:100%;height:100%;object-fit:cover;transition:transform .45s}.file-card:hover .file-card-preview>img,.file-card:hover .file-card-preview>video{transform:scale(1.05)}.preview-bg--image,.preview-bg--video{background:#e7eeea}.preview-bg--document{background:#eff5f7}.preview-bg--pdf{background:#f8efef}.preview-bg--audio{background:#faf1eb}.file-card-preview .file-icon{width:61px;height:61px;border-radius:17px;background:#ffffffb3}.file-type-badge{position:absolute;top:10px;left:10px;font-size:9px;padding:4px 7px;background:#fffc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:6px;color:#73847b}.file-card-hover{position:absolute;top:0;right:0;bottom:0;left:0;background:#283e3433;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);display:grid;place-items:center;opacity:0;transition:opacity .25s}.file-card-hover span{color:#fff;font-size:11px;padding:6px 10px;border:1px solid rgba(255,255,255,.6);border-radius:8px}.file-card:hover .file-card-hover{opacity:1}.file-card-info{display:flex;align-items:center;gap:5px;padding:12px}.file-card-info>div{min-width:0;flex:1}.file-card-info strong{display:block;font-size:11.5px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-card-info span{display:block;font-size:9.5px;color:#9ca69f;margin-top:5px}.file-card-info button{width:27px;height:27px;display:grid;place-items:center;background:#f5f8f6;color:#8b9a92;border-radius:7px}.file-card-info button:hover{color:var(--green);background:#e9f3ee}.extension-tag{position:absolute;right:9px;top:107px;background:#fff;border:1px solid #edf0ee;padding:2px 5px;border-radius:4px;color:#9ca69f;font-size:7px}.file-table--full{border-radius:11px}.back-button{background:none;color:#7f8e86;font-size:10px;display:flex;align-items:center;gap:6px;margin:20px auto 0}.gallery-summary{min-height:190px;border-radius:18px;background:linear-gradient(115deg,#ede9f5,#f0edf5 55%,#e8efeb);position:relative;overflow:hidden;padding:28px 34px;margin-bottom:27px}.gallery-summary:after{content:"";position:absolute;width:280px;height:280px;border:1px solid rgba(255,255,255,.6);border-radius:50%;right:-30px;top:-100px}.gallery-summary-copy{position:relative;z-index:2}.gallery-summary-copy h2{font-size:20px;font-weight:600;margin:12px 0 7px}.gallery-summary-copy p{font-size:11.5px;color:#8a8793;margin:0}.media-numbers{display:flex;align-items:center;gap:15px;margin-top:19px;color:#85838d;font-size:10.5px}.media-numbers strong{font-size:15px;color:#555761;margin-right:3px}.media-numbers i{width:1px;height:14px;background:#d4d0dc}.gallery-summary-art{position:absolute;width:270px;height:100%;right:50px;top:0}.photo-stack{position:absolute;width:112px;height:135px;padding:7px 7px 23px;border-radius:6px;background:#fff;box-shadow:0 10px 25px #453e561a}.photo-stack--back{right:95px;top:23px;transform:rotate(-15deg);background:#e0d9eb}.photo-stack--middle{right:70px;top:25px;transform:rotate(9deg);background:#f7f4fa}.photo-stack--front{right:90px;top:24px;transform:rotate(-2deg)}.photo-stack--front>span{position:absolute;bottom:7px;left:0;width:100%;text-align:center;font-size:7px;color:#8b8c91;letter-spacing:1px}.abstract-landscape{height:100%;border-radius:3px;background:linear-gradient(#dfe9e3,#eef1e7);position:relative;overflow:hidden}.abstract-landscape b{position:absolute;width:18px;height:18px;border-radius:50%;background:#eac99e;right:17px;top:16px}.abstract-landscape i{position:absolute;width:100px;height:80px;background:#a9c2b2;transform:rotate(38deg);left:-35px;top:58px}.abstract-landscape i:nth-child(2){background:#819f90;left:34px;top:70px}.album-section{margin-bottom:27px}.album-scroll{display:flex;gap:11px;overflow-x:auto;padding:2px 2px 8px}.album-card{min-width:190px;background:#fff;border:1px solid #e9eeea;border-radius:12px;padding:9px;display:flex;align-items:center;gap:10px;text-align:left;transition:border .2s,transform .2s,box-shadow .2s}.album-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.album-card.active{border-color:#8eb7a5;box-shadow:0 0 0 2px #5e978114}.album-thumb,.album-all-icon{width:47px;height:47px;border-radius:9px;overflow:hidden;background:#eef3f0;display:grid;place-items:center;color:#6c9b86;flex-shrink:0}.album-thumb img,.album-thumb video{width:100%;height:100%;object-fit:cover}.album-card strong{display:block;font-size:11.5px;font-weight:600}.album-card span{display:block;color:#9aa59f;font-size:9px;margin-top:5px}.filter-pills{display:flex;align-items:center;background:#f4f6f5;border-radius:9px;padding:3px}.filter-pills button{background:transparent;color:#8b9891;border-radius:7px;height:28px;padding:0 12px;font-size:10px;display:flex;align-items:center;gap:5px}.filter-pills button.active{background:#fff;color:#477d68;box-shadow:0 2px 6px #37524512}.media-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:190px;gap:12px}.media-card{position:relative;overflow:hidden;border-radius:12px;background:#edf2ef;padding:0;text-align:left}.media-card--wide{grid-column:span 2}.media-card img,.media-card video{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.media-card:hover img,.media-card:hover video{transform:scale(1.045)}.media-overlay{position:absolute;inset:auto 0 0;padding:30px 13px 12px;background:linear-gradient(transparent,#192620b8);color:#fff;transform:translateY(8px);opacity:0;transition:opacity .25s,transform .25s}.media-card:hover .media-overlay{opacity:1;transform:translateY(0)}.media-overlay strong{display:block;font-size:11.5px;font-weight:500;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.media-overlay span{display:block;margin-top:4px;font-size:9px;opacity:.75}.media-expand{position:absolute;right:10px;top:10px;width:30px;height:30px;display:grid;place-items:center;border-radius:8px;background:#ffffffbf;color:#52675c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;transform:translateY(-4px);transition:.25s}.media-card:hover .media-expand{opacity:1;transform:translateY(0)}.video-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:45px;height:45px;display:grid;place-items:center;border-radius:50%;background:#fffc;color:#527a68;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 4px 20px #26393026}.gallery-empty{min-height:300px}.icon-button{width:35px;height:35px;display:grid;place-items:center;border-radius:9px;background:transparent;color:#829088;transition:background .2s,color .2s}.icon-button:hover{background:#eef3f0;color:#456c5b}.icon-button.mobile-menu,.sidebar-close{display:none}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#26332d40;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:grid;place-items:center;padding:20px}.modal-backdrop--confirm{z-index:130;background:#26332d52}.modal{width:min(100%,530px);max-height:calc(100vh - 40px);overflow-y:auto;background:#fdfefd;border:1px solid rgba(255,255,255,.8);border-radius:20px;box-shadow:0 30px 80px #22362c2e;padding:25px}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:20px}.modal-header.compact{margin-bottom:10px}.modal-kicker{font-size:8px;color:#74a08d;letter-spacing:2px}.modal-header h2{margin:5px 0;font-size:20px;font-weight:600}.modal-header p{margin:0;color:#98a29d;font-size:10px}.upload-dropzone{border:1.5px dashed #ccddd4;border-radius:14px;background:#f5f9f6;padding:25px 15px 20px;text-align:center;transition:background .2s,border .2s,transform .2s}.upload-dropzone.is-dragging{background:#e6f3ec;border-color:#62a187;transform:scale(1.015)}.upload-illustration{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;color:#5d9a81;background:#fff;box-shadow:0 8px 22px #395f4c14;margin:0 auto 13px;position:relative}.upload-spark{position:absolute;width:5px;height:5px;border-radius:50%;background:#c0b2d7}.upload-spark.one{right:-9px;top:5px}.upload-spark.two{left:-7px;bottom:8px;width:4px;height:4px;background:#d8b898}.upload-dropzone h3{font-size:12px;font-weight:600;margin:0 0 6px}.upload-dropzone p{font-size:9px;color:#97a49d;margin:0 0 13px}.upload-dropzone small{display:block;color:#acb5b0;font-size:8px;margin-top:11px}.upload-selection{margin-top:17px}.selection-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.selection-heading strong{font-size:10px;font-weight:600}.selection-heading span{font-size:9px;color:#99a49e}.selected-files{max-height:150px;overflow-y:auto;display:flex;flex-direction:column;gap:6px}.selected-file{display:flex;align-items:center;gap:9px;padding:7px 9px;background:#f7f9f8;border-radius:9px}.selected-file .file-icon{width:31px;height:31px;border-radius:8px}.selected-file>div{flex:1;min-width:0}.selected-file strong{display:block;font-size:9px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.selected-file span{display:block;font-size:8px;color:#9ca69f;margin-top:2px}.selected-file button{background:none;color:#a0aaa5;padding:6px}.selected-file button:hover{color:#c27878}.upload-destination{display:flex;align-items:center;gap:8px;padding:14px 2px 0;color:#7e8e85;font-size:10px}.upload-destination select{margin-left:auto;max-width:230px;border:1px solid #e3eae5;border-radius:8px;background:#fff;color:#64756b;padding:7px 9px;font-size:10px;outline:none}.upload-progress{margin-top:15px;background:#f3f7f4;border-radius:9px;padding:10px 12px}.upload-progress>div:first-child{display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#6f8077}.upload-progress span{display:flex;align-items:center;gap:6px}.upload-progress strong{color:var(--green)}.progress-track{height:4px;border-radius:10px;background:#dfe8e2;margin-top:8px;overflow:hidden}.progress-track span{display:block;height:100%;border-radius:inherit;background:#64a58b;transition:width .2s}.modal-footer{display:flex;justify-content:flex-end;gap:9px;margin-top:21px}.folder-modal{width:min(100%,420px);padding:25px 27px}.folder-modal-icon{width:49px;height:49px;border-radius:14px;background:#e8f3ed;color:#549079;display:grid;place-items:center}.folder-modal h2{font-size:19px;margin:0 0 7px}.folder-modal-copy{color:#97a39c;font-size:10px;margin:0 0 22px}.field-label{display:block;font-size:10px;font-weight:500;color:#65766c;margin-bottom:7px}.text-input{width:100%;height:42px;border:1px solid #dfe7e2;border-radius:10px;background:#fff;outline:none;padding:0 12px;font-size:11px;color:var(--ink);transition:border .2s,box-shadow .2s}.text-input:focus{border-color:#94b8a8;box-shadow:0 0 0 3px #60998214}.text-input::placeholder{color:#b0b8b4}.name-suggestions{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-top:10px}.name-suggestions>span{display:flex;align-items:center;gap:3px;font-size:8px;color:#9ba69f;margin-right:2px}.name-suggestions button{background:#f2f5f3;color:#86958d;border-radius:6px;font-size:8px;padding:4px 7px}.name-suggestions button:hover{background:#e7f2ec;color:#4e816c}.confirm-modal{width:min(100%,390px);padding:28px;position:relative}.confirm-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:#faeeee;color:#b56969;margin-bottom:17px}.confirm-close{position:absolute;right:18px;top:18px}.confirm-modal h2{margin:0 0 9px;font-size:18px}.confirm-modal>p{color:#8c9992;font-size:11px;line-height:1.7;margin:0}.confirm-detail{display:block;background:#f7f9f8;border:1px solid #edf1ee;border-radius:8px;color:#78877f;font-size:10px;padding:10px;margin-top:12px;word-break:break-all}.confirm-modal .modal-footer{margin-top:20px}.preview-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:110;background:#1e2a24ad;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);display:grid;place-items:center;padding:25px}.preview-modal{width:min(100%,900px);height:min(85vh,740px);background:#f9fbf9;border-radius:18px;overflow:hidden;box-shadow:0 30px 100px #141e194d;display:flex;flex-direction:column}.preview-modal--media{width:min(100%,1120px)}.preview-header{min-height:66px;padding:10px 17px;background:#fff;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #e8ede9}.preview-title{display:flex;align-items:center;gap:10px;min-width:0}.preview-title .file-icon{width:36px;height:36px}.preview-title>div{min-width:0}.preview-title strong{display:block;max-width:480px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:500}.preview-title span{display:block;font-size:8px;color:#97a39c;margin-top:4px}.preview-actions{display:flex;align-items:center;gap:3px}.action-divider{width:1px;height:20px;background:#e8ede9;margin:0 5px}.preview-stage{flex:1;min-height:0;position:relative;display:grid;place-items:center;background:#eaf0ec;overflow:hidden}.preview-content{width:100%;height:100%;display:grid;place-items:center;animation:previewIn .3s ease}.preview-content>img,.preview-content>video{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;box-shadow:0 8px 35px #2839311a}.preview-content>video{width:100%;height:100%}.preview-content>iframe{width:100%;height:100%;border:0;background:#fff}.preview-nav{position:absolute;top:50%;z-index:3;transform:translateY(-50%);width:41px;height:41px;border-radius:50%;background:#ffffffd9;color:#5d7166;display:grid;place-items:center;box-shadow:0 5px 20px #2a3e331f;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.preview-nav:hover{background:#fff}.preview-nav--left{left:17px}.preview-nav--right{right:17px}.preview-footer{min-height:46px;background:#fff;border-top:1px solid #e8ede9;display:flex;align-items:center;gap:22px;padding:8px 18px;color:#8b9991;font-size:9px}.preview-footer>div{display:flex;align-items:center;gap:6px}.preview-counter{margin-left:auto;color:#788b81}.generic-preview,.audio-preview{text-align:center;padding:30px;display:flex;flex-direction:column;align-items:center}.generic-preview .file-icon{width:83px;height:83px;border-radius:24px}.generic-preview h3,.audio-preview h3{font-size:16px;margin:20px 0 8px}.generic-preview p{color:#8d9b93;font-size:11px;margin:0 0 20px}.audio-disc{width:130px;height:130px;border-radius:50%;background:repeating-radial-gradient(circle,#55685e 0,#55685e 4px,#43574c 5px,#43574c 7px);display:grid;place-items:center;box-shadow:0 15px 35px #2a3e3333;animation:spinSlow 12s linear infinite}.audio-disc span{width:43px;height:43px;background:#d9e8df;border:10px solid #f3f6f4;border-radius:50%}.audio-preview audio{margin-top:15px;max-width:100%}.global-drop-overlay{position:fixed;top:12px;right:12px;bottom:12px;left:12px;z-index:200;border:2px dashed #75ae96;border-radius:24px;background:#edf7f1eb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:grid;place-items:center;pointer-events:none}.global-drop-overlay>div{text-align:center;color:#4a8970}.global-drop-overlay h2{font-size:24px;margin:16px 0 8px}.global-drop-overlay p{color:#84a093;font-size:12px}.toast-stack{position:fixed;right:24px;bottom:24px;z-index:300;display:flex;flex-direction:column;gap:9px;pointer-events:none}.toast{min-width:280px;max-width:390px;padding:13px 14px;background:#fffffff2;border:1px solid #e2eae5;border-radius:12px;box-shadow:0 12px 35px #263c3121;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);display:flex;align-items:center;gap:9px;color:#5d7065;font-size:11px;pointer-events:auto}.toast--success>svg{color:#56a080}.toast--error>svg{color:#c77b7b}.toast--info>svg{color:#7c96b1}.toast>span{flex:1}.toast>button{background:none;color:#a0aaa4;display:grid;place-items:center;padding:3px}.loading-view{padding:30px 36px}.skeleton{border-radius:17px;background:linear-gradient(90deg,#edf1ee 25%,#f5f7f5,#edf1ee 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.skeleton--hero{height:278px}.skeleton-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:20px 0 30px}.skeleton--stat{height:93px}.skeleton--content{height:300px}.load-error{min-height:65vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.load-error>span{width:65px;height:65px;display:grid;place-items:center;border-radius:20px;background:#edf2ef;color:#8b9a92}.load-error h2{font-size:18px;margin:18px 0 8px}.load-error p{color:#95a199;font-size:11px;margin:0 0 20px}.app-footer{margin-top:auto;padding:0 36px 20px;display:flex;justify-content:space-between;color:#a8b1ac;font-size:9px;letter-spacing:.5px}.app-footer span:last-child{display:flex;align-items:center;gap:5px}.page-enter-active,.page-leave-active{transition:opacity .18s,transform .18s}.page-enter-from{opacity:0;transform:translateY(7px)}.page-leave-to{opacity:0;transform:translateY(-4px)}.modal-enter-active,.modal-leave-active{transition:opacity .22s}.modal-enter-active .modal,.modal-leave-active .modal{transition:transform .25s,opacity .22s}.modal-enter-from,.modal-leave-to{opacity:0}.modal-enter-from .modal{transform:translateY(18px) scale(.97);opacity:0}.modal-leave-to .modal{transform:translateY(8px) scale(.98);opacity:0}.preview-enter-active,.preview-leave-active{transition:opacity .25s}.preview-enter-active .preview-modal,.preview-leave-active .preview-modal{transition:transform .3s,opacity .25s}.preview-enter-from,.preview-leave-to{opacity:0}.preview-enter-from .preview-modal{transform:scale(.96);opacity:0}.preview-leave-to .preview-modal{transform:scale(.98);opacity:0}.fade-enter-active,.fade-leave-active{transition:opacity .2s}.fade-enter-from,.fade-leave-to{opacity:0}.toast-enter-active,.toast-leave-active{transition:all .3s}.toast-enter-from{opacity:0;transform:translate(25px)}.toast-leave-to{opacity:0;transform:translateY(10px)}.file-list-enter-active,.file-list-leave-active{transition:all .25s}.file-list-enter-from{opacity:0;transform:translateY(8px)}.file-list-leave-to{opacity:0;transform:scale(.97)}.file-list-move{transition:transform .3s}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes spinSlow{to{transform:rotate(360deg)}}@keyframes shimmer{to{background-position:-200% 0}}@keyframes riseIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes previewIn{0%{opacity:0;transform:scale(.985)}to{opacity:1;transform:scale(1)}}@media(min-width:1500px){.file-card-grid,.media-grid{grid-template-columns:repeat(5,1fr)}.hero-art{right:8%}}@media(max-width:1150px){:root{--sidebar-width: 210px}.sidebar{padding-left:15px;padding-right:15px}.view,.topbar{padding-left:25px;padding-right:25px}.hero-card{padding-left:32px}.hero-art{right:-15px;transform:scale(.88)}.file-card-grid,.media-grid{grid-template-columns:repeat(3,1fr)}.save-status{display:none}.gallery-summary-art{right:5px;transform:scale(.85)}}@media(max-width:900px){:root{--sidebar-width: 0px}.sidebar{width:236px;transform:translate(-100%);transition:transform .3s;box-shadow:10px 0 40px #2a3f341a}.sidebar--open{transform:translate(0)}.sidebar .sidebar-close{display:grid}.sidebar-scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:29;background:#26332d40;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.main-area{margin-left:0}.icon-button.mobile-menu{display:grid}.topbar{gap:13px}.global-search{max-width:none}.hero-art{right:10px}.app-footer{padding-bottom:85px}.mobile-bottom-nav{position:fixed;display:flex;align-items:center;justify-content:space-around;left:50%;transform:translate(-50%);bottom:14px;width:min(calc(100% - 28px),440px);height:59px;padding:5px 10px;border:1px solid rgba(255,255,255,.8);background:#fdfefde6;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 10px 35px #273f3226;border-radius:18px;z-index:25}.mobile-bottom-nav button{background:none;color:#93a098;font-size:10px;min-width:48px;height:40px;border-radius:10px}.mobile-bottom-nav button.active{background:#eaf3ee;color:#41816a}.mobile-bottom-nav .mobile-upload{width:45px;min-width:45px;height:45px;border-radius:14px;background:var(--green);color:#fff;display:grid;place-items:center;margin-top:-20px;box-shadow:0 8px 20px #3f8f7840}.toast-stack{bottom:85px}}@media(max-width:680px){.topbar{height:66px;padding:0 16px}.topbar-right{gap:8px}.top-upload{display:none}.top-avatar{width:31px;height:31px}.global-search kbd{display:none}.global-search input{font-size:11px}.view{padding:12px 16px 30px}.hero-card{min-height:330px;padding:28px 24px;align-items:flex-start}.hero-copy{z-index:3}.hero-copy h1{font-size:25px}.hero-copy p{font-size:11px}.hero-actions{flex-direction:column;align-items:flex-start;gap:8px}.hero-actions .button{min-height:38px}.hero-art{transform:scale(.58);transform-origin:right bottom;right:-5px;bottom:-15px;top:auto;height:250px;opacity:.75}.stats-grid{grid-template-columns:1fr;gap:9px;margin:13px 0 25px}.stat-card{min-height:77px;padding:14px 16px}.stat-icon{width:40px;height:40px}.stat-card strong{font-size:18px}.folder-grid,.folder-grid--files{grid-template-columns:repeat(2,1fr);gap:10px}.folder-card{min-height:115px;padding:14px}.section-heading p,.file-table-head{display:none}.file-row{grid-template-columns:minmax(0,1fr) auto;padding:9px 12px}.file-row>.muted-cell{display:none}.file-name-cell strong{max-width:200px}.page-heading{align-items:flex-start;flex-direction:column;margin-top:6px}.page-heading h1{font-size:25px}.page-actions{width:100%}.page-actions .button{flex:1}.gallery-heading{flex-direction:row;align-items:flex-end}.gallery-heading .button{padding:0 12px}.gallery-heading p{max-width:230px;line-height:1.6}.file-browser,.media-section{padding:13px}.file-toolbar{align-items:flex-start}.toolbar-controls{flex-wrap:wrap;justify-content:flex-end}.toolbar-controls select:first-child{display:none}.file-card-grid{grid-template-columns:repeat(2,1fr);gap:10px}.file-card-preview{height:105px}.extension-tag{top:89px}.file-card-info{padding:10px}.file-card-info button{display:none}.gallery-summary{padding:23px;min-height:215px}.gallery-summary-copy{max-width:70%}.gallery-summary-copy h2{font-size:17px;line-height:1.5}.gallery-summary-copy p{line-height:1.6}.gallery-summary-art{right:-85px;opacity:.5;transform:scale(.72)}.media-numbers{gap:9px}.album-card{min-width:165px}.media-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:150px;gap:8px}.media-card--wide{grid-column:span 1}.media-overlay{opacity:1;transform:none;padding:25px 9px 9px}.media-expand{display:none}.filter-pills button{padding:0 8px}.preview-backdrop{padding:0}.preview-modal,.preview-modal--media{width:100%;height:100%;max-height:none;border-radius:0}.preview-title strong{max-width:170px}.preview-footer{gap:10px;flex-wrap:wrap}.preview-footer>div:nth-child(3){display:none}.preview-nav{width:35px;height:35px}.preview-nav--left{left:8px}.preview-nav--right{right:8px}.modal-backdrop{padding:12px;align-items:end}.modal{width:100%;max-height:calc(100vh - 24px);border-radius:20px;padding:21px}.upload-dropzone{padding-top:20px}.upload-destination{flex-wrap:wrap}.upload-destination select{max-width:none;width:100%;margin:3px 0 0}.modal-footer .button{flex:1}.toast-stack{left:14px;right:14px}.toast{min-width:0;max-width:none;width:100%}.app-footer{padding-left:16px;padding-right:16px}.app-footer span:last-child{display:none}.loading-view{padding:15px 16px}.skeleton-row{gap:8px}.skeleton--hero{height:330px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}.login-page{min-height:100vh;padding:28px 32px 20px;position:relative;overflow:hidden;background:#f5f8f6;display:flex;flex-direction:column;isolation:isolate}.login-grid{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;opacity:.24;background-image:linear-gradient(rgba(120,153,138,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(120,153,138,.12) 1px,transparent 1px);background-size:42px 42px;-webkit-mask-image:radial-gradient(ellipse at center,black,transparent 75%);mask-image:radial-gradient(ellipse at center,black,transparent 75%)}.login-glow{position:absolute;z-index:-1;border-radius:50%;filter:blur(1px)}.login-glow--mint{width:520px;height:520px;left:-210px;top:15%;background:radial-gradient(circle,rgba(191,222,207,.5),transparent 70%)}.login-glow--lilac{width:560px;height:560px;right:-200px;bottom:-180px;background:radial-gradient(circle,rgba(218,207,234,.45),transparent 70%)}.login-topbar{width:100%;max-width:1240px;margin:0 auto 22px;display:flex;justify-content:space-between;align-items:center}.login-brand{display:flex;align-items:center;gap:10px;font-size:22px;letter-spacing:.5px}.login-brand strong{font-weight:700}.login-topbar-note{display:flex;align-items:center;gap:6px;color:#81948b;font-size:10px;letter-spacing:.5px;background:#ffffff8c;border:1px solid rgba(255,255,255,.8);padding:7px 11px;border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.login-card{width:100%;max-width:1100px;min-height:585px;margin:auto;display:grid;grid-template-columns:1.06fr .94fr;border:1px solid rgba(255,255,255,.9);border-radius:27px;background:#fff9;box-shadow:0 30px 90px #2d4a3c1f;overflow:hidden;animation:loginRise .65s cubic-bezier(.2,.7,.2,1) both}.login-art{position:relative;overflow:hidden;background:linear-gradient(135deg,#e2efe7,#e9f2ec 52%,#e9e3f0);padding:48px 50px 34px;display:flex;flex-direction:column}.login-art:before{content:"";position:absolute;width:360px;height:360px;border:1px solid rgba(255,255,255,.7);border-radius:50%;right:-115px;top:-125px;box-shadow:0 0 0 28px #ffffff1f,0 0 0 64px #ffffff12}.login-art:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.18;background-image:radial-gradient(#8fa995 1px,transparent 1px);background-size:23px 23px;-webkit-mask-image:linear-gradient(120deg,transparent 20%,black 100%);mask-image:linear-gradient(120deg,transparent 20%,black 100%);pointer-events:none}.login-eyebrow{display:inline-flex;align-items:center;gap:6px;width:fit-content;position:relative;z-index:2;color:#658a78;font-size:9px;font-weight:600;letter-spacing:1.6px}.login-art h1{position:relative;z-index:2;margin:19px 0 12px;font-size:clamp(28px,3.1vw,40px);line-height:1.4;letter-spacing:-.8px;color:#2c4238;font-weight:600}.login-art h1 span{color:#5c9a80}.login-art>p{position:relative;z-index:2;margin:0;color:#778b80;font-size:12px;line-height:1.9}.login-illustration{position:relative;height:195px;margin:6px 0 4px;flex:1;min-height:145px}.login-orbit{position:absolute;width:235px;height:235px;border-radius:50%;right:16px;top:-15px;border:1px solid rgba(255,255,255,.65)}.login-orbit span{position:absolute;width:10px;height:10px;background:#fff;border-radius:50%;top:29px;left:30px;box-shadow:0 0 0 5px #ffffff38}.login-folder{position:absolute;width:170px;height:105px;border-radius:16px;box-shadow:0 18px 35px #3f5b4c17}.login-folder-tab{position:absolute;width:60px;height:19px;left:15px;top:-9px;border-radius:9px 9px 0 0}.login-folder--back{background:#c6bddbb3;right:96px;top:38px;transform:rotate(-12deg)}.login-folder--back .login-folder-tab{background:#c6bddbb3}.login-folder--mid{background:#f7f4fbe6;right:48px;top:48px;transform:rotate(8deg)}.login-folder--mid .login-folder-tab{background:#efebf8f2}.login-folder--front{background:linear-gradient(145deg,#fff,#f4f8f5);right:77px;top:54px;transform:rotate(-2deg);padding:27px 17px 14px}.login-folder--front .login-folder-tab{background:#fff}.login-folder-content{display:flex;flex-direction:column;gap:7px}.login-folder-content span{display:block;height:5px;border-radius:5px;background:#dcebe3}.login-folder-content span:nth-child(2){width:72%;background:#e6e1ef}.login-folder-content span:nth-child(3){width:48%}.login-spark{position:absolute;color:#85a794;animation:twinkle 3.5s ease-in-out infinite}.login-spark--one{right:7px;top:38px;font-size:19px}.login-spark--two{left:11px;bottom:20px;font-size:12px;animation-delay:-1.7s}.login-features{position:relative;z-index:2;display:flex;align-items:center;gap:12px;color:#698176;font-size:9px}.login-features span{display:flex;align-items:center;gap:5px}.login-features i{width:1px;height:13px;background:#67847533}.login-panel{background:#fffffff5;padding:54px 58px 40px;display:flex;flex-direction:column;justify-content:center;position:relative}.login-lock{width:49px;height:49px;border-radius:15px;background:#e7f2ec;color:#4f8c73;display:grid;place-items:center;margin-bottom:18px;box-shadow:inset 0 0 0 1px #ffffffb3}.login-panel-kicker{font-size:8px;letter-spacing:2px;color:#88a094;font-weight:600}.login-panel h2{margin:7px 0 9px;font-size:26px;font-weight:600;letter-spacing:-.4px;color:#293c33}.login-panel-copy{color:#8a9a91;font-size:11px;line-height:1.75;margin:0 0 26px;max-width:310px}.login-label{display:block;color:#60756a;font-size:10px;font-weight:500;margin-bottom:8px}.login-input-wrap{height:47px;border:1px solid #dfe8e2;background:#fbfcfb;border-radius:11px;display:flex;align-items:center;gap:9px;padding:0 12px;color:#94a49b;transition:border .2s,box-shadow .2s,background .2s}.login-input-wrap:focus-within{border-color:#8cb7a3;background:#fff;box-shadow:0 0 0 4px #4a896f14}.login-input-wrap.has-error{border-color:#d8a6a6;background:snow}.login-input-wrap input{flex:1;min-width:0;border:0;outline:0;background:transparent;font-size:12px;color:#2c3d34;letter-spacing:.4px}.login-input-wrap input::placeholder{color:#b1bcb6;letter-spacing:0}.password-toggle{width:28px;height:28px;flex-shrink:0;border-radius:7px;background:transparent;color:#95a59c;display:grid;place-items:center}.password-toggle:hover{background:#edf4f0;color:#58856f}.login-error{color:#b66d6d;font-size:10px;margin:8px 2px 0}.login-submit{width:100%;height:46px;border-radius:11px;margin-top:17px;background:#3f8f78;color:#fff;font-size:12px;font-weight:500;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 9px 22px #30775f2e;transition:background .2s,transform .2s,box-shadow .2s}.login-submit:hover:not(:disabled){background:#347a65;transform:translateY(-1px);box-shadow:0 12px 27px #30775f3b}.login-submit:active:not(:disabled){transform:translateY(0)}.login-trust{display:flex;align-items:center;gap:6px;color:#9ba9a1;font-size:8.5px;margin-top:19px;line-height:1.5}.login-trust svg{color:#78a18f;flex-shrink:0}.login-footer{width:100%;max-width:1240px;margin:20px auto 0;display:flex;justify-content:space-between;color:#a1aea7;font-size:8px;letter-spacing:1.4px}.login-shake{animation:loginShake .38s ease}.profile-logout{margin-left:auto;width:29px;height:29px;border-radius:8px;background:transparent;color:#9caaa2;display:grid;place-items:center}.profile-logout:hover{color:#aa6767;background:#faeeee}@keyframes loginRise{0%{opacity:0;transform:translateY(16px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes loginShake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(5px)}60%{transform:translate(-3px)}80%{transform:translate(2px)}}@media(max-width:900px){.login-page{padding:20px}.login-card{grid-template-columns:1fr;min-height:auto;max-width:510px}.login-art{padding:30px 32px 22px}.login-art h1{font-size:28px;margin:13px 0 8px}.login-illustration{display:none}.login-art>p br{display:none}.login-features{margin-top:18px}.login-panel{padding:34px 32px 30px}.login-topbar{margin-bottom:18px}.login-footer{max-width:510px}}@media(max-width:540px){.login-page{padding:12px 12px 14px}.login-topbar{padding:0 4px;margin-bottom:12px}.login-brand{font-size:20px}.login-topbar-note{font-size:8px;padding:5px 8px}.login-card{border-radius:21px}.login-art{padding:25px 23px 19px}.login-eyebrow{font-size:8px}.login-art h1{font-size:24px}.login-art>p{font-size:10.5px;line-height:1.7}.login-features{margin-top:14px;font-size:8px}.login-panel{padding:28px 23px 25px}.login-lock{width:43px;height:43px;border-radius:13px;margin-bottom:13px}.login-panel h2{font-size:23px}.login-panel-copy{margin-bottom:21px;font-size:10.5px}.login-submit{height:44px}.login-footer{padding:0 5px;font-size:7px}.login-footer span:last-child{display:none}.login-trust{font-size:8px}}.modal-backdrop--share{z-index:125}.share-modal{width:min(100%,620px);padding:26px}.share-modal .modal-header{margin-bottom:17px}.share-file-card{display:flex;align-items:center;gap:11px;background:#f6f9f7;border:1px solid #eaf0ec;border-radius:12px;padding:11px 13px;margin-bottom:20px}.share-file-card .file-icon{width:34px;height:34px;border-radius:9px}.share-file-card>div{flex:1;min-width:0}.share-file-card strong{display:block;font-size:11.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.share-file-card span{display:block;color:#96a29b;font-size:9px;margin-top:4px}.share-file-badge{flex:0 0 auto;color:#558e77;background:#e8f3ed;border-radius:6px;padding:5px 8px;font-size:8.5px;font-weight:500}.share-section{margin-bottom:4px}.share-label{display:flex;align-items:center;gap:5px;font-size:10px;color:#66786d;font-weight:500;margin-bottom:9px}.expiry-options{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;background:#f4f7f5;border-radius:10px;padding:4px}.expiry-options button{height:32px;border-radius:7px;background:transparent;color:#84928a;font-size:10px;transition:background .2s,color .2s,box-shadow .2s}.expiry-options button:hover{color:#4f806b}.expiry-options button.active{background:#fff;color:#3e7e67;font-weight:500;box-shadow:0 2px 7px #304d3e14}.custom-expiry{display:flex;align-items:center;gap:8px;height:39px;border:1px solid #e1e9e4;background:#fbfcfb;border-radius:9px;padding:0 11px;margin-top:9px;color:#8ea097}.custom-expiry input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:#53685d;font-size:10px}.expiry-note{color:#9ba69f;font-size:8.5px;margin:9px 1px 0}.share-result{margin-top:18px;padding-top:17px;border-top:1px solid #edf1ee}.share-success{display:flex;align-items:center;gap:6px;color:#4a8d73;background:#eff8f3;border:1px solid #e2f0e8;border-radius:8px;padding:8px 10px;font-size:9.5px;margin-bottom:15px}.share-url-row{display:flex;gap:7px}.share-url-row input{flex:1;min-width:0;height:39px;border:1px solid #dfe8e2;background:#fafcfb;border-radius:9px;padding:0 11px;color:#5e7468;font-size:9.5px;outline:none}.share-url-row input:focus{border-color:#a4c3b4;background:#fff;box-shadow:0 0 0 3px #4d8b7012}.share-url-row .button{min-height:39px;padding:0 13px;font-size:10px;flex:0 0 auto}.wget-box{background:#2f4038;border-radius:10px;padding:11px 13px 13px;margin-top:11px;overflow:hidden}.wget-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#c3d5cb;font-size:8.5px;margin-bottom:8px}.wget-heading>span{display:flex;align-items:center;gap:5px;letter-spacing:.3px}.wget-heading button{border:0;background:#ffffff14;color:#d7e5dd;border-radius:5px;padding:4px 7px;display:flex;align-items:center;gap:4px;font-size:8px}.wget-heading button:hover{background:#ffffff24}.wget-box code{display:block;color:#e4f2ea;font-family:JetBrains Mono,SFMono-Regular,Consolas,monospace;font-size:9px;line-height:1.6;white-space:pre-wrap;word-break:break-all}.share-warning{display:flex;align-items:flex-start;gap:5px;color:#a08b6e;background:#fdf8ef;border-radius:7px;padding:8px 9px;margin:11px 0 0;font-size:8.5px;line-height:1.55}.share-warning svg{flex-shrink:0;margin-top:1px}.share-error{color:#b66d6d;background:#fff7f7;border:1px solid #f4e5e5;border-radius:8px;padding:8px 10px;font-size:9.5px;margin:12px 0 0}.share-modal .modal-footer{margin-top:20px}.file-card-actions{display:flex;align-items:center;gap:3px;flex:0 0 auto!important}.file-card-actions button{width:27px;height:27px;border-radius:7px;display:grid;place-items:center;background:#f5f8f6;color:#8b9a92;border:0}.file-card-actions button:hover{color:#3f8f78;background:#e9f3ee}@media(max-width:680px){.share-modal{padding:20px}.expiry-options{grid-template-columns:repeat(3,1fr)}.expiry-options button{height:31px}.share-url-row{flex-direction:column}.share-url-row .button{width:100%}.wget-box{padding:10px}.wget-box code{font-size:8.5px}.share-file-badge{display:none}}