:root{--accent:#13cfd0;--accent-dark:#079ca7;--ink:#102b33;--muted:#73888f;--line:rgba(255,255,255,.82);--glass:rgba(255,255,255,.68);--soft:rgba(255,255,255,.52);--shadow:0 20px 55px rgba(24,96,110,.10);--radius:22px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;font-family:"DM Sans",system-ui,sans-serif;color:var(--ink);background:radial-gradient(circle at 72% 2%,rgba(114,229,244,.48),transparent 24%),radial-gradient(circle at 12% 82%,rgba(133,238,229,.35),transparent 27%),linear-gradient(135deg,#f8fcfd 0%,#eaf8fa 48%,#f6fbff 100%);overflow-x:hidden}.ambient{position:fixed;border-radius:50%;filter:blur(90px);pointer-events:none;opacity:.35}.ambient-one{width:420px;height:420px;background:#70e5e4;right:-170px;top:10%}.ambient-two{width:380px;height:380px;background:#9bcdf7;left:-180px;bottom:-130px}.app{display:flex;gap:20px;min-height:100vh;padding:16px}.glass{background:var(--glass);border:1px solid var(--line);box-shadow:var(--shadow);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px)}.glass-soft{background:var(--soft);border:1px solid rgba(255,255,255,.72);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}button,input{font:inherit}.sidebar{width:228px;flex:none;border-radius:28px;padding:18px 13px;display:flex;flex-direction:column;min-height:calc(100vh - 32px);position:sticky;top:16px}.brand{display:flex;align-items:center;gap:11px;padding:5px 9px 25px}.brand-mark{width:39px;height:39px;border-radius:13px;background:linear-gradient(145deg,#48e8e4,#08a9bb);display:grid;place-items:center;box-shadow:0 10px 25px rgba(11,190,194,.25)}.brand-mark svg{width:25px;fill:none;stroke:white;stroke-width:2.7;stroke-linecap:round;stroke-linejoin:round}.brand strong{font-family:"Plus Jakarta Sans";display:block;font-size:18px;letter-spacing:-.03em}.brand span{display:block;font-size:8px;color:#82969b;letter-spacing:.1em;text-transform:uppercase;margin-top:2px}.nav-main{display:grid;gap:4px}.nav-main a,.settings-link{height:42px;border-radius:13px;text-decoration:none;color:#5b7077;display:flex;align-items:center;gap:12px;padding:0 12px;font-size:12px;font-weight:600}.nav-main a.active{color:#079fa8;background:rgba(18,205,207,.12);box-shadow:inset 0 0 0 1px rgba(18,205,207,.07)}.nav-main a:hover,.settings-link:hover{background:rgba(255,255,255,.48)}.nav-icon{width:19px;text-align:center;font-size:17px;line-height:1;color:currentColor}.sidebar-bottom{margin-top:auto}.settings-link{margin:9px 0}.account-card{width:100%;border:0;background:rgba(255,255,255,.4);border-top:1px solid rgba(50,100,110,.08);padding:13px 7px 5px;display:flex;align-items:center;text-align:left;gap:9px;color:var(--ink);cursor:pointer}.avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#bff9f6,#e8ffff);color:#079da6;font-weight:800}.account-text{flex:1}.account-text b,.account-text small{display:block}.account-text b{font-size:11px}.account-text small{font-size:9px;color:var(--muted);margin-top:2px}.chevron{font-size:18px;color:#91a5aa}.main{min-width:0;flex:1;max-width:1480px;margin:auto;padding:2px 5px 50px}.topbar{height:82px;display:grid;grid-template-columns:240px minmax(280px,560px) 150px;gap:25px;align-items:center}.welcome .eyebrow{font-size:8px;font-weight:800;letter-spacing:.15em;color:#6b9aa1}.welcome h1{font-family:"Plus Jakarta Sans";font-size:24px;line-height:1;margin:4px 0}.welcome p{font-size:10px;color:var(--muted);margin:0}.top-center-search{height:43px;border:1px solid rgba(255,255,255,.9);background:rgba(255,255,255,.62);border-radius:16px;display:flex;align-items:center;padding:0 14px;box-shadow:0 10px 28px rgba(27,112,123,.07)}.top-center-search span{font-size:18px;color:#71888d;margin-right:9px}.top-center-search input{border:0;outline:0;background:transparent;width:100%;font-size:11px;color:var(--ink)}.top-center-search input::placeholder{color:#899ca1}.top-actions{display:flex;justify-content:flex-end;gap:8px}.circle-btn,.top-avatar{width:39px;height:39px;border-radius:14px;border:1px solid rgba(255,255,255,.85);background:rgba(255,255,255,.55);color:#557278;display:grid;place-items:center;cursor:pointer}.top-avatar{border:0}.category-grid{display:grid;grid-template-columns:repeat(6,minmax(130px,1fr));gap:11px}.category-card{border:1px solid rgba(255,255,255,.86);background:rgba(255,255,255,.52);box-shadow:0 10px 30px rgba(25,98,110,.06);border-radius:18px;padding:13px 12px;display:flex;align-items:center;gap:10px;text-align:left;min-width:0;cursor:pointer;transition:.18s}.category-card:hover{transform:translateY(-2px);background:rgba(255,255,255,.72)}.category-icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;color:white;font-weight:800;font-size:17px;flex:none}.category-card b,.category-card small,.category-card em{display:block}.category-card b{font-size:11px}.category-card small{font-size:8px;color:#72888e;margin-top:2px}.category-card em{font-style:normal;font-size:8px;color:#84969a;margin-top:2px}.blue .category-icon{background:linear-gradient(145deg,#4aa7f5,#1986e7)}.pink .category-icon{background:linear-gradient(145deg,#ff6a9e,#e84379)}.purple .category-icon{background:linear-gradient(145deg,#a064ff,#7042dc)}.orange .category-icon{background:linear-gradient(145deg,#ffb34f,#ee8530)}.green .category-icon{background:linear-gradient(145deg,#57d69c,#21a875)}.cyan .category-icon{background:linear-gradient(145deg,#4ed8e9,#1aa8c6)}.content-layout{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:18px;margin-top:25px}.content-column{min-width:0}.section-title{display:flex;align-items:end;justify-content:space-between;margin:0 2px 12px}.section-title h2{font-family:"Plus Jakarta Sans";font-size:16px;margin:0;letter-spacing:-.03em}.section-title p{font-size:9px;color:var(--muted);margin:4px 0 0}.section-title a{font-size:10px;color:#08a8af;text-decoration:none;font-weight:700}.section-title a span{font-size:15px}.recent-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.file-card{min-width:0;border-radius:17px;background:rgba(255,255,255,.55);border:1px solid rgba(255,255,255,.82);box-shadow:0 9px 28px rgba(20,100,110,.055);overflow:hidden}.file-preview{height:105px;position:relative;display:grid;place-items:center;overflow:hidden}.landscape{background:linear-gradient(160deg,#78b8e8 0 34%,#d8f0fc 35% 51%,#6a9f78 52% 100%)}.landscape:before{content:"";position:absolute;width:110px;height:65px;background:linear-gradient(145deg,#b9d9ee,#6d91a9);clip-path:polygon(0 100%,48% 18%,64% 47%,79% 25%,100% 100%);bottom:0;left:10px}.landscape:after{content:"";position:absolute;width:90px;height:50px;background:#486d86;clip-path:polygon(0 100%,58% 16%,100% 100%);bottom:0;right:0}.landscape span{display:none}.landscape.alt{background:linear-gradient(160deg,#9ad8f2,#f4d4a4 43%,#6a9876 44%,#4b7c67)}.music-preview{background:linear-gradient(145deg,#dfe7ff,#f7e2fa);color:#de4d9e}.music-preview span{font-size:42px}.pdf-preview{background:linear-gradient(145deg,#fff0f0,#ffd9df);color:#ec5666}.pdf-preview span{font-size:25px;font-weight:800}.video-preview{background:linear-gradient(145deg,#253e62,#7eb6cf);color:white}.video-preview span{width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.3);display:grid;place-items:center;font-size:15px}.text-preview{background:linear-gradient(145deg,#f0f5f6,#e2ebee);color:#71858c}.text-preview span{font-size:22px;font-weight:800}.file-meta{padding:9px 10px 11px}.file-meta b,.file-meta small,.file-meta time{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-meta b{font-size:10px}.file-meta small,.file-meta time{font-size:8px;color:#71858d;margin-top:3px}.file-meta time{color:#9aa9ad}.folders-title{margin-top:27px}.section-tools{display:flex;gap:6px}.section-tools button{border:1px solid rgba(255,255,255,.78);background:rgba(255,255,255,.46);border-radius:10px;padding:7px 9px;color:#4f737a;font-size:9px}.section-tools .small-icon{padding:7px 8px}.folder-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.folder-card{background:rgba(255,255,255,.52);border:1px solid rgba(255,255,255,.82);border-radius:16px;padding:12px;display:flex;align-items:center;gap:10px}.folder-color{width:35px;height:29px;border-radius:8px;display:grid;place-items:center;color:white;font-size:18px}.blue-folder{background:#268ee9}.pink-folder{background:#ef597c}.purple-folder{background:#7b52e8}.orange-folder{background:#f18b32}.cyan-folder{background:#24b9cb}.green-folder{background:#31b583}.folder-card b,.folder-card small{display:block}.folder-card b{font-size:10px}.folder-card small{font-size:8px;color:#819399;margin-top:3px}.folder-card>span{margin-left:auto;color:#91a2a6;font-size:10px}.right-panel{display:flex;flex-direction:column;gap:12px}.activity{border-radius:20px;padding:15px 13px}.panel-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:11px}.panel-title b{font-size:11px}.panel-title a{font-size:8px;color:#08a8af;text-decoration:none;font-weight:700}.activity-item{display:flex;gap:8px;align-items:center;padding:9px 0;border-bottom:1px solid rgba(40,100,110,.06)}.activity-item:last-child{border-bottom:0}.activity-dot{width:29px;height:29px;border-radius:9px;display:grid;place-items:center;flex:none;font-size:12px}.blue-dot{background:#e3f1ff;color:#3b95e7}.pink-dot{background:#ffe7ef;color:#e84f88}.cyan-dot{background:#e0f9fb;color:#17aabd}.orange-dot{background:#fff0dc;color:#ed8b31}.activity-item div{min-width:0;flex:1}.activity-item b,.activity-item small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.activity-item b{font-size:8px}.activity-item small{font-size:7px;color:#87999e;margin-top:3px}.activity-item i{font-style:normal;font-size:8px;color:#9baaae}.alpha-note{border-radius:17px;padding:13px;display:flex;gap:9px;align-items:center}.alpha-note>span{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:rgba(17,205,205,.12);color:#08abb1}.alpha-note b,.alpha-note small{display:block}.alpha-note b{font-size:9px}.alpha-note small{font-size:7px;color:#829499;margin-top:3px}.mobile-nav{display:none}.account-sheet{position:fixed;inset:0;z-index:50;pointer-events:none}.account-sheet.open{pointer-events:auto}.sheet-backdrop{position:absolute;inset:0;background:rgba(7,29,35,.24);opacity:0;transition:.22s;backdrop-filter:blur(5px)}.sheet{position:absolute;right:20px;top:75px;width:360px;border-radius:24px;padding:15px;transform:translateY(-12px) scale(.98);opacity:0;transition:.22s}.account-sheet.open .sheet-backdrop{opacity:1}.account-sheet.open .sheet{opacity:1;transform:none}.sheet-handle{display:none}.sheet-head{display:flex;align-items:center;gap:10px;padding:5px 5px 15px;border-bottom:1px solid rgba(40,100,110,.07)}.sheet-head b,.sheet-head small{display:block}.sheet-head b{font-size:13px}.sheet-head small{font-size:9px;color:var(--muted);margin-top:2px}.sheet-head button{margin-left:auto;border:0;background:rgba(255,255,255,.5);width:31px;height:31px;border-radius:10px;font-size:20px;color:#70868c}.avatar.large{width:42px;height:42px}.sheet-section>p{font-size:8px;letter-spacing:.12em;color:#8aa0a5;font-weight:800;margin:17px 5px 8px}.space-option{width:100%;display:flex;align-items:center;gap:10px;border:0;background:transparent;border-radius:14px;padding:10px 8px;text-align:left;cursor:pointer}.space-option.active{background:rgba(18,205,207,.1)}.space-avatar{width:34px;height:34px;border-radius:11px;background:#e4faf9;color:#08aab0;display:grid;place-items:center}.space-avatar.purple{background:#eee7ff;color:#7651d9}.space-avatar.blue{background:#e6f2ff;color:#2c8fe4}.space-option div{flex:1}.space-option b,.space-option small{display:block}.space-option b{font-size:10px}.space-option small{font-size:8px;color:#819398;margin-top:2px}.space-option strong{margin-left:auto;color:#08aeb3}.add-space{width:100%;border:1px dashed rgba(19,170,176,.28);background:rgba(255,255,255,.32);border-radius:13px;padding:10px;color:#08a8ae;font-size:10px;margin-top:6px}.sheet-links{margin-top:12px;border-top:1px solid rgba(40,100,110,.07);padding-top:8px}.sheet-links a{display:block;text-decoration:none;color:#587278;font-size:10px;padding:9px 6px;border-radius:10px}.sheet-links a:hover{background:rgba(255,255,255,.45)}
@media(max-width:1180px){.recent-grid{grid-template-columns:repeat(3,1fr)}.category-grid{grid-template-columns:repeat(3,1fr)}.content-layout{grid-template-columns:1fr}.right-panel{display:grid;grid-template-columns:1fr 1fr}.topbar{grid-template-columns:1fr minmax(250px,420px) 120px}.folder-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){body{background:radial-gradient(circle at 80% 0%,rgba(99,231,231,.55),transparent 35%),linear-gradient(160deg,#f6ffff,#eaf8fa 60%,#f8fcff)}.app{padding:0;display:block}.sidebar{display:none}.main{padding:18px 14px 94px}.topbar{height:auto;display:grid;grid-template-columns:1fr auto;gap:12px;margin-bottom:18px}.welcome h1{font-size:24px}.welcome p{font-size:9px}.top-center-search{grid-column:1/-1;grid-row:2;height:42px}.top-actions{align-self:start}.circle-btn{display:none}.top-avatar{width:39px;height:39px}.category-grid{grid-template-columns:repeat(2,1fr);gap:9px}.category-card{padding:10px;border-radius:16px}.category-icon{width:35px;height:35px}.category-card b{font-size:10px}.content-layout{margin-top:23px}.recent-grid{grid-template-columns:repeat(2,1fr);gap:9px}.file-preview{height:115px}.file-meta{padding:8px 9px 10px}.folder-grid{grid-template-columns:1fr}.section-title h2{font-size:15px}.section-title p{font-size:8px}.section-tools button:not(.small-icon){display:none}.right-panel{display:none}.mobile-nav{position:fixed;z-index:30;left:10px;right:10px;bottom:10px;height:66px;border:1px solid rgba(255,255,255,.88);background:rgba(255,255,255,.82);backdrop-filter:blur(25px);box-shadow:0 15px 45px rgba(24,96,110,.18);border-radius:22px;display:grid;grid-template-columns:1fr 1fr 1.15fr 1fr 1fr;align-items:end;padding:7px 6px calc(6px + env(safe-area-inset-bottom));gap:2px}.mobile-nav a{height:47px;text-decoration:none;color:#71858b;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:7px}.mobile-nav a span{font-size:19px}.mobile-nav a.active{color:#08a8ae;font-weight:700}.mobile-nav button{width:52px;height:52px;border-radius:18px;border:5px solid rgba(255,255,255,.72);background:linear-gradient(145deg,#30ded8,#0baec0);color:white;font-size:26px;box-shadow:0 9px 22px rgba(9,174,188,.3);align-self:start;margin:-2px auto 0}.sheet{right:10px;left:10px;top:auto;bottom:10px;width:auto;border-radius:25px}.account-sheet.open .sheet{transform:none}.sheet-handle{display:block;width:38px;height:4px;border-radius:20px;background:rgba(75,110,117,.25);margin:0 auto 9px}.sheet-head{padding-top:0}}
@media(prefers-color-scheme:dark){body{background:radial-gradient(circle at 80% 0%,rgba(0,171,176,.25),transparent 32%),linear-gradient(150deg,#070a0d,#0b1115 60%,#071014);color:#eefbfb}.ambient{opacity:.15}.glass{background:rgba(17,24,28,.68);border-color:rgba(255,255,255,.13);box-shadow:0 20px 55px rgba(0,0,0,.28)}.glass-soft,.category-card,.file-card,.folder-card{background:rgba(20,29,34,.62);border-color:rgba(255,255,255,.10)}.nav-main a,.settings-link,.account-text small,.welcome p,.category-card small,.category-card em,.section-title p,.file-meta small,.file-meta time,.folder-card small,.activity-item small,.alpha-note small{color:#82989e}.nav-main a.active{background:rgba(18,205,207,.12)}.top-center-search,.circle-btn,.top-avatar{background:rgba(18,26,30,.72);border-color:rgba(255,255,255,.10);color:#dceced}.top-center-search input{color:#e8f7f7}.account-card{background:rgba(18,27,31,.45);border-top-color:rgba(255,255,255,.08)}.mobile-nav{background:rgba(12,18,22,.88);border-color:rgba(255,255,255,.12)}.sheet{background:rgba(16,24,28,.9);border-color:rgba(255,255,255,.12)}.sheet-links a,.space-option{color:#d8e9eb}.sheet-head{border-bottom-color:rgba(255,255,255,.08)}.activity-item{border-bottom-color:rgba(255,255,255,.06)}}

/* Nuvio V0.0.1 Alpha — final visual direction */
:root{
  --accent:#08c7c8;
  --accent-dark:#00aeb2;
}
body{
  background:#ffffff;
  color:#102b33;
}
.ambient{display:none}
.glass,.glass-soft,.category-card,.file-card{
  background:rgba(255,255,255,.82);
  border-color:#e8f3f4;
  box-shadow:0 12px 35px rgba(16,43,51,.07);
}
.top-center-search{background:#f7fbfb;border-color:#e4eeee}
.circle-btn,.top-avatar{background:#f7fbfb;border-color:#e4eeee}
.category-card:hover,.file-card:hover{border-color:rgba(8,199,200,.35);box-shadow:0 16px 38px rgba(8,199,200,.10)}
.mobile-nav{background:rgba(255,255,255,.96)}

@media(prefers-color-scheme:dark){
  body{
    background:#000000;
    color:#f3ffff;
  }
  .glass,.glass-soft,.category-card,.file-card{
    background:#090909;
    border-color:#202020;
    box-shadow:0 16px 45px rgba(0,0,0,.5);
  }
  .top-center-search,.circle-btn,.top-avatar{background:#090909;border-color:#202020}
  .top-center-search input{color:#f3ffff}
  .mobile-nav{background:rgba(5,5,5,.97);border-color:#202020}
  .nav-main a.active{background:rgba(8,199,200,.13)}
}

/* V0.0.1 Alpha — accueil simplifié : fichiers + dossiers directement */
.category-grid{display:none}
.content-layout{display:block;margin-top:8px}
.right-panel{display:none!important}
.toolbar-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:8px 0 24px}
.breadcrumbs{font-family:"Plus Jakarta Sans";font-size:18px;letter-spacing:-.03em}
.toolbar-actions{display:flex;gap:8px}
.primary-btn,.secondary-btn{border-radius:13px;padding:10px 14px;font-size:10px;font-weight:700;cursor:pointer}
.primary-btn{border:1px solid #08c7c8;background:#08c7c8;color:white;box-shadow:0 8px 22px rgba(8,199,200,.18)}
.secondary-btn{border:1px solid #e1eeee;background:#fff;color:#46666d}
.file-manager{display:grid;gap:30px}
.manager-section{min-width:0}
.section-title.compact{margin-bottom:12px;align-items:center}
.section-title.compact h2{font-size:15px}
.view-actions{display:flex;gap:5px}
.view-btn{width:31px;height:31px;border-radius:9px;border:1px solid #e1eeee;background:#fff;color:#74898e;cursor:pointer}
.view-btn.active{color:#08aeb2;background:rgba(8,199,200,.09);border-color:rgba(8,199,200,.18)}
.folder-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.folder-card{position:relative;text-align:left;border:1px solid #e5eeee;background:#fff;cursor:pointer;box-shadow:0 8px 25px rgba(16,43,51,.045)}
.folder-card:hover{border-color:rgba(8,199,200,.35);transform:translateY(-1px)}
.folder-icon{width:39px;height:34px;border-radius:9px;display:grid;place-items:center;color:#fff;font-size:14px;flex:none}
.folder-icon.blue{background:#2c92e8}.folder-icon.cyan{background:#16bfc6}.folder-icon.purple{background:#8055e7}.folder-icon.orange{background:#f0953b}
.folder-card>span:nth-child(2){margin:0;flex:1}
.folder-card i{font-style:normal;color:#9baeb2;font-size:9px;align-self:flex-start}
.recent-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.file-card{cursor:pointer}
@media(max-width:1180px){.folder-grid{grid-template-columns:repeat(2,1fr)}.recent-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){
  .main{padding:18px 14px 94px}
  .toolbar-row{margin:4px 0 20px;align-items:center}
  .breadcrumbs{font-size:17px}
  .toolbar-actions{gap:6px}
  .primary-btn,.secondary-btn{padding:9px 10px;font-size:9px}
  .folder-grid{grid-template-columns:1fr 1fr}
  .recent-grid{grid-template-columns:repeat(2,1fr)}
  .folder-card{padding:10px;gap:8px}
  .folder-card b{font-size:9px}.folder-card small{font-size:7px}
}
@media(max-width:430px){.secondary-btn{font-size:0;padding:10px;width:39px}.secondary-btn:first-letter{font-size:16px}.primary-btn{font-size:9px}.folder-grid{grid-template-columns:1fr}.recent-grid{grid-template-columns:1fr 1fr}}
@media(prefers-color-scheme:dark){
  .secondary-btn,.view-btn,.folder-card{background:#090909;border-color:#202020;color:#d9eeee}
  .primary-btn{color:#001617}
  .folder-card:hover{border-color:rgba(8,199,200,.38)}
}