:root{--navy:#101c35;--blue:#486bf5;--purple:#8871e8;--ink:#1b2944;--muted:#8591a5;--bg:#f5f7fc;--border:#e7eaf2;--white:#fff;--shadow:0 14px 40px rgba(36,56,101,.065)}
*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,'Segoe UI',Arial,sans-serif;color:var(--ink)}a{text-decoration:none;color:inherit}button,input{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #8fa8ff;outline-offset:3px}h1,h2,h3,p{margin-top:0}.brand{font-weight:800;font-size:1.42rem;letter-spacing:-.7px;display:inline-flex;align-items:center;gap:10px;white-space:nowrap}.brand span:not(.brand-icon){color:#abbeff}.brand-light{color:white}.brand-icon{width:37px;height:37px;border-radius:12px;background:linear-gradient(135deg,#91a8ff,#6b76ed);display:grid;place-items:center;color:white;font-size:24px}.eyebrow{font-size:.73rem;letter-spacing:2.5px;font-weight:800;color:#a9bafa}.eyebrow.ink{color:#667ce4}.btn{border:0;border-radius:13px;padding:13px 20px;display:inline-flex;align-items:center;justify-content:center;gap:14px;font-weight:750;min-height:46px}.btn-primary{background:linear-gradient(125deg,#557afa,#7165df);color:white;box-shadow:0 9px 22px rgba(80,104,224,.23)}.btn-primary:hover{filter:brightness(1.06)}.btn-light{background:#eff2ff;color:#4e62c8}.btn-ghost{border:1px solid #ffffff42;color:white;background:#ffffff15}.btn-glow{background:white;color:#4e5cd9;box-shadow:0 18px 36px #111a3d3b}.full{width:100%}.subtle{color:var(--muted)}.notice{padding:13px 16px;border-radius:13px;font-size:.9rem;margin:16px 0}.notice.error{background:#fff0f2;color:#ad3950;border:1px solid #ffd8df}.notice.success{background:#eafbf4;color:#177a53;border:1px solid #c9f2dd}
/* LANDING */.landing-body{min-height:100vh;color:white;background:radial-gradient(ellipse at 78% 23%,#3b4b90 0,transparent 40%),radial-gradient(ellipse at 9% 81%,#25366e 0,transparent 44%),linear-gradient(125deg,#10192e,#192447 65%,#172447);overflow-x:hidden}.landing-nav{max-width:1280px;margin:auto;display:flex;justify-content:space-between;align-items:center;padding:30px 5%}.landing-hero{max-width:1280px;min-height:calc(100vh - 156px);margin:auto;padding:58px 5% 60px;display:grid;grid-template-columns:1fr 1.08fr;align-items:center;gap:7%}.landing-hero h1{font-size:clamp(3.3rem,5.9vw,5.9rem);line-height:1.04;letter-spacing:-4px;font-weight:800;margin:25px 0}.landing-hero h1 em,.auth-story h1 em{font-style:normal;color:#a5b9ff}.landing-hero p{max-width:520px;color:#bbc6e1;line-height:1.9;font-size:1.05rem;margin-bottom:34px}.hero-trust{display:flex;flex-wrap:wrap;gap:18px;color:#b9c8e7;font-size:.79rem;margin-top:34px}.hero-art{position:relative;min-width:0}.preview-window{border-radius:25px;overflow:hidden;background:#fff;transform:rotate(-3deg);box-shadow:0 38px 90px #070d2980;color:var(--ink);border:9px solid #ffffff24}.window-head{height:54px;border-bottom:1px solid #f0f1f7;display:flex;align-items:center;justify-content:space-between;padding:0 22px;font-size:.8rem;color:#8d9bb2}.window-dots{color:#f19d98;letter-spacing:3px}.window-content{padding:33px}.preview-intro small{color:#8c91cc;font-weight:800;font-size:.67rem;letter-spacing:2px}.preview-intro h3{font-size:1.6rem;letter-spacing:-.8px;margin:7px 0 25px}.preview-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.preview-cards>div{background:#f6f8ff;border-radius:15px;padding:20px 13px;min-height:125px}.preview-cards b{font-size:1.7rem;display:block;margin-bottom:10px}.preview-cards strong{display:block;font-size:.88rem}.preview-cards small{font-size:.68rem;color:#929cad}.preview-bar{margin-top:22px;background:#eaf0ff;padding:16px 18px;border-radius:11px;display:flex;justify-content:space-between;color:#6374c6;font-size:.83rem}.floating-token{position:absolute;border-radius:14px;padding:14px 17px;background:#fff;color:#495a8b;box-shadow:0 10px 40px #1119364d;font-weight:750;font-size:.83rem}.token-one{right:-12px;top:-38px}.token-two{left:-33px;bottom:-33px}.landing-footer{max-width:1280px;margin:auto;padding:0 5% 30px;color:#8f9bb8;font-size:.85rem}
/* LOGIN */.auth-body{background:#f7f8fe}.auth-shell{min-height:100vh;display:grid;grid-template-columns:1.04fr .96fr}.auth-story{background:radial-gradient(ellipse at 80% 75%,#5562b3 0,transparent 45%),linear-gradient(145deg,#14203d,#202f60);color:white;padding:54px clamp(30px,7vw,100px);display:flex;flex-direction:column;justify-content:space-between}.auth-story .story-text{max-width:560px}.auth-story h1{font-size:clamp(2.9rem,4.5vw,5rem);line-height:1.08;letter-spacing:-3px;margin:22px 0}.auth-story p{color:#bac7e6;line-height:1.85;font-size:1.05rem}.story-features{display:flex;flex-wrap:wrap;gap:14px;margin-top:36px}.story-features span{background:#ffffff12;border:1px solid #ffffff1e;border-radius:12px;padding:12px 14px;font-size:.83rem;color:#d3dcf5}.story-footer{font-size:.8rem;color:#9cadd1}.auth-form-zone{display:grid;place-items:center;padding:45px 30px}.auth-card{width:100%;max-width:420px}.logo-tile{width:58px;height:58px;border-radius:17px;display:grid;place-items:center;background:#edf0ff;color:#6b6ede;font-size:30px;margin-bottom:27px}.auth-card h2{font-size:2.6rem;letter-spacing:-1.5px;margin:8px 0}.auth-card .subtle{margin-bottom:36px}.auth-card label{display:block;font-size:.88rem;font-weight:750;margin:19px 0 9px}.auth-card input{width:100%;border:1px solid #e0e5ef;border-radius:13px;padding:15px 16px;background:white;font-size:1rem}.auth-card input:focus{border-color:#7c91e9}.auth-card .btn{margin-top:28px;padding:16px}.secure-note{text-align:center;color:#9aa4b5;font-size:.8rem;margin-top:21px}.text-link{display:block;text-align:center;color:#647adb;font-size:.9rem;font-weight:650;margin-top:22px}
/* APP */.app-body{background:var(--bg)}.app-layout{min-height:100vh;display:grid;grid-template-columns:255px minmax(0,1fr)}.sidebar{background:#17243f;color:white;padding:28px 19px 20px;min-height:100vh;display:flex;flex-direction:column;gap:0}.sidebar .brand{font-size:1.25rem}.side-section-title{color:#8495b4;font-size:.68rem;letter-spacing:2px;font-weight:800;margin:49px 12px 15px}.side-nav{display:grid;gap:8px}.side-nav a{display:flex;align-items:center;gap:15px;padding:14px 16px;border-radius:13px;font-size:.95rem;color:#aabbd8}.side-nav a.active{background:#ffffff1c;color:#fff;font-weight:750}.side-nav a:hover{background:#ffffff14;color:white}.side-note{margin-top:58px;border:1px solid #ffffff20;border-radius:17px;padding:22px;color:#b9c8e3;line-height:1.7;font-size:.87rem;background:#ffffff0b}.sidebar-bottom{display:flex;align-items:center;gap:10px;margin-top:auto;padding-top:28px}.avatar{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#8393de;color:white;font-weight:800;flex-shrink:0}.profile-text{min-width:0;flex:1}.profile-text strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.74rem}.profile-text small{font-size:.7rem;color:#9eaec9;text-transform:capitalize}.logout{background:transparent;border:1px solid #ffffff25;color:white;border-radius:10px;padding:7px 11px}.main-area{padding:30px clamp(18px,4vw,66px) 55px;max-width:1500px;width:100%;margin:auto;min-width:0}.top-line{display:flex;justify-content:space-between;gap:14px;align-items:center}.breadcrumb-top{font-size:.69rem;letter-spacing:1.4px;color:#8b98ab;font-weight:800}.breadcrumb-top span{margin:0 9px;color:#c3cad7}.status-pill{display:flex;align-items:center;gap:8px;border:1px solid #e2e9ed;padding:8px 12px;border-radius:99px;background:white;color:#648878;font-size:.76rem;font-weight:700}.status-pill i{width:7px;height:7px;background:#49bc8b;border-radius:50%}.welcome,.files-header{display:flex;justify-content:space-between;gap:22px;align-items:end;padding:48px 0 28px}.welcome h1,.files-header h1{font-size:clamp(2rem,3.1vw,3.1rem);letter-spacing:-1.6px;margin:10px 0}.welcome h1 span,.files-header h1 span{color:#8b8fee}.welcome p,.files-header p{color:#8d98a9;font-size:.96rem;margin:0}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.stat-card{background:#fff;border:1px solid var(--border);border-radius:18px;padding:23px;display:flex;gap:17px;align-items:center;box-shadow:var(--shadow)}.stat-icon{width:56px;height:56px;border-radius:17px;display:grid;place-items:center;font-size:1.5rem;flex-shrink:0}.lavender{background:#eff0ff;color:#7e77e6}.mint{background:#e5f7ef;color:#36af82}.peach{background:#fff1e5;color:#dd9b68}.stat-card span{display:block;color:#8995a7;font-size:.78rem}.stat-card strong{display:block;font-size:1.8rem;letter-spacing:-.8px;margin:4px 0}.stat-card small{display:block;color:#a6afbd;font-size:.7rem}.section-heading{display:flex;justify-content:space-between;margin:35px 0 17px}.section-heading h2{font-size:1.32rem;letter-spacing:-.5px;margin:0 0 5px}.section-heading p{font-size:.84rem;color:#98a2b1;margin:0}.shortcut-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.shortcut{display:flex;flex-direction:column;position:relative;min-height:169px;border-radius:19px;border:1px solid var(--border);background:white;padding:23px;box-shadow:var(--shadow)}.shortcut:hover:not(.muted){border-color:#b3bffa;transform:translateY(-2px);transition:.16s}.shortcut-icon{font-size:1.9rem;margin-bottom:17px}.shortcut strong{font-size:.99rem}.shortcut small{color:#9ca6b6;font-size:.78rem;margin-top:5px;max-width:210px}.shortcut-arrow{position:absolute;right:20px;top:23px;color:#a0a9c2}.shortcut.muted{opacity:.72}.storage-panel{background:#fff;border:1px solid var(--border);border-radius:20px;margin-top:26px;padding:30px;display:flex;align-items:center;justify-content:space-between;box-shadow:var(--shadow)}.storage-panel h2{font-size:1.8rem;margin:13px 0 20px;letter-spacing:-.8px}.storage-panel h2 span{font-size:1rem;font-weight:450;color:#9ba5b5}.storage-panel p{font-size:.81rem;color:#9ca8ba;margin:12px 0 0}.progress{height:10px;background:#ecf0fa;border-radius:10px;max-width:540px;overflow:hidden}.progress>div{height:100%;background:linear-gradient(90deg,#7a8fff,#9d8ee8);border-radius:10px}.storage-symbol{font-size:5rem;color:#e7eaff;padding:0 20px}.crumbs{display:flex;align-items:center;flex-wrap:wrap;gap:10px;color:#8a96ac;font-size:.85rem;margin-bottom:24px}.crumbs a:last-child{color:#556aca;font-weight:700}.action-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin:23px 0}.action-card{display:flex;flex-direction:column;gap:10px;padding:25px;background:white;border:1px solid var(--border);border-radius:20px;box-shadow:var(--shadow)}.action-emoji{width:45px;height:45px;border-radius:13px;display:grid;place-items:center;background:#eef1ff;color:#6c78e4;font-size:1.6rem}.action-card strong{font-size:1.1rem}.action-card small{color:#98a4b5;margin-bottom:4px}.action-card input{max-width:100%;border:1px solid #e0e6f0;border-radius:10px;padding:11px;background:white}.action-card .btn{align-self:flex-start}.file-list-panel{background:white;border:1px solid var(--border);border-radius:20px;padding:5px 25px 15px;box-shadow:var(--shadow)}.file-list-panel .section-heading{margin:25px 0 15px}.file-row{display:flex;align-items:center;gap:15px;min-width:0;padding:15px 0;border-top:1px solid #edf0f6}.file-icon{width:45px;height:45px;display:grid;place-items:center;background:#f2f5fd;border-radius:12px;font-size:1.6rem;flex-shrink:0;overflow:hidden}.thumb{width:45px;height:45px;object-fit:cover}.file-info{min-width:0;flex:1}.file-info a,.file-info strong{display:block;overflow-wrap:anywhere;font-size:.91rem;font-weight:700}.file-info small{display:block;color:#9fa9b8;margin-top:4px;font-size:.73rem}.file-action{color:#566bda;font-size:.82rem;font-weight:750;white-space:nowrap}.inline-form{margin:0}.btn-danger{background:#fff1f4;color:#ba4c62;border:0;border-radius:9px;padding:9px 12px;font-size:.78rem;font-weight:700}.empty-state{text-align:center;padding:48px 15px;color:#8e9bad}.empty-state div{font-size:3rem}.empty-state h3{color:#4b5770;margin:13px 0 6px}.privacy-note{color:#99a4b5;font-size:.78rem;margin-top:19px}
@media(max-width:1050px){.stat-grid,.shortcut-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.landing-hero{gap:4%}.landing-hero h1{letter-spacing:-2px}}@media(max-width:800px){.landing-hero{grid-template-columns:1fr;padding-top:25px;gap:70px}.hero-art{margin:0 16px}.landing-hero h1{font-size:3.7rem}.auth-shell{grid-template-columns:1fr}.auth-story{padding:28px 24px;min-height:unset}.auth-story .story-text{display:none}.story-footer{display:none}.auth-form-zone{padding:55px 24px}.app-layout{grid-template-columns:1fr}.sidebar{min-height:auto;padding:16px 20px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:12px}.sidebar .brand{font-size:1.05rem}.side-section-title,.side-note,.sidebar-bottom .profile-text,.sidebar-bottom .avatar{display:none}.side-nav{display:flex;gap:3px}.side-nav a{padding:8px 10px;font-size:.77rem}.sidebar-bottom{margin:0;padding:0}.logout{padding:7px 9px}.main-area{padding:23px 20px 45px}.welcome,.files-header{padding-top:31px}}@media(max-width:560px){.landing-nav{padding:19px 20px}.landing-hero{padding:28px 22px 45px}.landing-hero h1{font-size:3rem;line-height:1.08}.preview-cards{grid-template-columns:1fr}.preview-cards>div{min-height:auto}.floating-token{display:none}.auth-form-zone{padding:39px 24px}.auth-card h2{font-size:2.15rem}.sidebar{flex-wrap:wrap}.sidebar .brand{font-size:.96rem}.side-nav{order:3;width:100%;justify-content:space-around}.side-nav a span{font-size:.76rem}.top-line .status-pill{display:none}.welcome,.files-header{align-items:flex-start;flex-direction:column}.stat-grid,.shortcut-grid,.action-grid{grid-template-columns:1fr}.stat-card{padding:18px}.storage-panel{padding:20px}.storage-symbol{display:none}.file-list-panel{padding:5px 14px}.file-row{gap:9px;flex-wrap:wrap}.file-info{flex-basis:calc(100% - 64px)}.file-action{margin-left:53px}.landing-hero p{font-size:.97rem}.welcome h1{font-size:2.1rem}}

/* Erick Cloud v2 */
.file-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:22px 0;padding:23px 26px;border:1px solid #e4e8f2;background:#fff;border-radius:22px;box-shadow:0 14px 40px rgba(36,49,91,.045)}.file-toolbar strong{display:block;font-size:1.18rem}.file-toolbar small{display:block;margin-top:5px;color:#7b869d}.file-toolbar-actions{display:flex;flex-wrap:wrap;gap:10px}.cloud-modal[hidden]{display:none!important}.cloud-modal{position:fixed;inset:0;z-index:9000;display:grid;place-items:center;padding:16px}.cloud-modal-backdrop{position:absolute;inset:0;background:rgba(23,30,55,.62);backdrop-filter:blur(8px)}.cloud-modal-dialog{position:relative;width:min(100%,490px);max-height:90dvh;overflow:auto;padding:30px;border-radius:27px;background:#fff;box-shadow:0 40px 100px rgba(0,0,0,.26);outline:none}.cloud-modal-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:24px}.cloud-modal-heading h2{margin:6px 0 0;font-size:1.7rem;color:#202c42}.modal-close{border:0;border-radius:12px;background:#f0f2f8;color:#445069;font-size:25px;width:39px;height:39px;cursor:pointer}.cloud-modal-form{display:grid;gap:15px}.cloud-modal-form label{font-weight:650;font-size:.92rem;color:#34415b}.cloud-modal-form input:not([type=hidden]):not([type=file]){width:100%;display:block;margin-top:9px;border:1px solid #d9dfed;border-radius:13px;padding:14px;font:inherit;color:#26324b}.cloud-dropzone{display:flex!important;flex-direction:column;align-items:center;gap:9px;padding:35px 20px;border:2px dashed #afbcf4;border-radius:20px;background:#f8f9ff;text-align:center;cursor:pointer}.cloud-dropzone.drag-over,.cloud-dropzone:hover{border-color:#6867dc;background:#f1f0ff}.cloud-drop-icon{font-size:48px;color:#6964db}.cloud-dropzone strong{font-size:1.08rem}.cloud-dropzone small,.cloud-file-chosen{color:#7b8299;overflow-wrap:anywhere}.cloud-file-chosen{margin-top:9px;background:#e9eaff;border-radius:9px;padding:9px 12px;max-width:100%}.sr-only-file{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}.modal-hint{font-size:.85rem;color:#7a8399;line-height:1.55}.modal-submit{width:100%;justify-content:center}.modal-open{overflow:hidden}.user-row{gap:12px}.user-row .file-info{min-width:0}.user-row .file-info small{overflow-wrap:anywhere}@media(max-width:750px){.file-toolbar{padding:18px;align-items:stretch;flex-direction:column}.file-toolbar-actions{display:grid;grid-template-columns:1fr 1fr}.cloud-modal-dialog{padding:23px 18px;border-radius:23px}.user-row{flex-wrap:wrap}.user-row .inline-form{margin-left:0}}@media(max-width:420px){.file-toolbar-actions{grid-template-columns:1fr}}