/* Interface Cloud autonome ; partage l'identité Sukisa, sans effets globaux du site vitrine. */
:root{--bg:#080e1c;--surface:#10192b;--line:#23304a;--text:#edf3ff;--muted:#94a3bc;--blue:#6aa8ff;--cyan:#7fe3ef;--gold:#dfc087;--sidebar:240px}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:14px;line-height:1.55}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}svg.icon{height:20px;width:20px;display:block;flex-shrink:0}h1,h2,h3,p{margin:0}button,select,input{color:inherit}button{border:0} [hidden]{display:none!important}.skip{position:fixed;left:20px;top:-80px;z-index:50;background:var(--blue);padding:12px}.skip:focus{top:20px}.cloud-shell{display:flex;min-height:100vh}.sidebar{width:var(--sidebar);position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;background:#0c1322;border-right:1px solid var(--line);padding:31px 18px 16px;z-index:20}.brand{display:flex;gap:12px;align-items:center;padding:0 12px 31px;letter-spacing:2px;font-size:20px;font-weight:700;line-height:1.15}.brand-icon{display:grid;place-items:center;width:42px;height:44px;border-radius:13px;background:linear-gradient(150deg,#244276,#171f40);border:1px solid #4d719c;color:#a3d6ff;box-shadow:inset 0 1px 0 #749ac870;font-size:27px}.brand-sub{display:block;font-size:9px;color:#9caec9;letter-spacing:4px;margin-top:6px}.sidebar-label{font-size:9px;font-weight:700;letter-spacing:1.4px;color:#6f809b;padding:16px 12px 12px}.side-nav{display:grid;gap:5px}.side-nav a{display:flex;align-items:center;gap:12px;color:#9fabbe;border-radius:9px;padding:11px 12px;font-size:13px;border:1px solid transparent;transition:.18s}.side-nav a:hover{color:#e5f1ff;background:#18233b}.side-nav a.selected{color:#c5e2ff;border-color:#345487;background:linear-gradient(110deg,#19365d,#142440);box-shadow:inset 3px 0 0 #74baff}.side-nav .icon{width:18px;height:18px}.nav-count,.arrow{margin-left:auto;font-size:11px;color:#8ca2c2}.nav-count{padding:0 6px;border-radius:4px;background:#8aa6d51a}.sidebar-bottom{margin-top:auto;padding-top:26px}.mini-quota{background:#111d32;border:1px solid #263958;border-radius:12px;padding:15px}.mini-quota>div:first-child{display:flex;justify-content:space-between;font-size:11px;color:#b2bdd1}.mini-quota small{font-size:10px;color:var(--muted);display:block;margin:8px 0 12px}.mini-quota a{display:flex;justify-content:space-between;font-size:11px;color:#94bdff}.meter{height:5px;border-radius:8px;background:#25344e;overflow:hidden}.meter i{display:block;width:0;height:100%;background:linear-gradient(90deg,#667bf0,#70deee);border-radius:8px;transition:width .25s}.mini-quota .meter{margin-top:12px}.sidebar-support{display:flex;gap:10px;align-items:center;padding:18px 12px;color:#8e9fb9;font-size:12px}.user-chip{display:flex;align-items:center;gap:11px;border-top:1px solid var(--line);padding:18px 8px 0;min-width:0}.avatar{display:grid;place-items:center;width:35px;height:35px;border-radius:50%;color:#dfceff;background:linear-gradient(145deg,#624ba4,#232b61);border:1px solid #9077b3;flex-shrink:0;font-size:12px}.user-chip>span:last-child{min-width:0}.user-chip strong{font-weight:500;font-size:12px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-chip small{display:block;font-size:10px;color:var(--muted);max-width:156px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.main-shell{margin-left:var(--sidebar);width:calc(100% - var(--sidebar))}.topbar{height:83px;border-bottom:1px solid #202b42;display:flex;align-items:center;gap:18px;padding:0 36px;background:#0b1321}.breadcrumb{font-size:12px;color:#8194b0;display:flex;align-items:center;gap:12px;white-space:nowrap}.breadcrumb strong{color:#ccd9ea;font-weight:500}.search{display:flex;align-items:center;gap:12px;margin-left:auto;background:#111d30;border:1px solid #25354f;border-radius:9px;padding:9px 13px;width:310px;color:#7f94b4}.search input{width:100%;border:none;outline:0;background:none;font-size:12px;min-width:0}.search input::placeholder{color:#7f94b4}.search kbd{border:1px solid #35435b;border-radius:4px;font-size:10px;padding:0 5px}.top-account{font-size:12px;color:#c2d3ee;white-space:nowrap}.top-account span{color:var(--blue);padding-left:9px}.icon-button{display:grid;place-items:center;background:transparent;border:1px solid #293b59;border-radius:8px;width:35px;height:35px;color:#9aafd0;flex-shrink:0}.icon-button:hover{background:#22324c;color:#dcf1ff}.icon-button .icon{width:17px;height:17px}.menu-toggle{display:none}main{max-width:1600px;margin:auto;padding:29px 36px 22px;min-height:calc(100vh - 83px)}.section-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.eyebrow{font-size:9px;letter-spacing:1.8px;color:#7f97b7;font-weight:600}h1{font-size:29px;letter-spacing:-1px;margin-top:4px;font-weight:600}.connection{font-size:10px;display:flex;align-items:center;gap:7px;color:#94a6bf}.connection i{width:6px;height:6px;border-radius:50%;background:#9aaabe}.connection.online i{background:#65d1b5;box-shadow:0 0 8px #65d1b55e}.connection.error i{background:#ffb879}.notice{padding:13px 17px;border:1px solid #536447;border-radius:9px;margin-bottom:18px;color:#dce9c8;background:#2e391d55;font-size:12px}.notice.error{border-color:#66512d;color:#f1cea0;background:#54371140}.welcome-grid{display:grid;grid-template-columns:minmax(0,1fr) 265px;gap:20px;margin-bottom:24px}.welcome-card{min-height:296px;position:relative;isolation:isolate;border:1px solid #304769;border-radius:15px;background:radial-gradient(ellipse at 93% 60%,#27416b9e,transparent 57%),linear-gradient(110deg,#15213a,#101c32);overflow:hidden;padding:27px 29px}.tag{font-size:9px;letter-spacing:1.5px;display:flex;align-items:center;gap:8px;color:#a5c5e8}.tag .icon{width:13px;height:13px;color:#86bdff}.welcome-card h2{margin-top:20px;font-size:clamp(22px,2.05vw,32px);line-height:1.25;letter-spacing:-1px;font-weight:550;position:relative;z-index:3;max-width:66%}.welcome-card h2 span{color:#98baf1}.welcome-card p{font-size:12px;color:#9eafc9;line-height:1.75;margin-top:13px;position:relative;z-index:3}.hero-actions{display:flex;align-items:center;gap:19px;margin-top:22px;position:relative;z-index:4}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:11px 17px;border-radius:8px;font-size:12px;font-weight:600;border:1px solid transparent;line-height:1.3;transition:background .15s}.button.primary{color:#0a172b;background:linear-gradient(120deg,#9fc5ff,#83aef7);box-shadow:0 2px 10px #669df51a}.button.primary:hover{background:#c6deff}.button.subtle{background:#1b2a44;color:#ccdafa;border-color:#344a6b}.button.subtle:hover{background:#2b3e60}.button.danger{background:#652c40;color:#ffdde7;border-color:#95415c}.button.small{padding:9px 13px;font-size:11px}.button .icon{width:16px;height:16px}.full{width:100%}.text-link{font-size:10px;color:#b4c9e4}.text-link span{margin-left:8px;color:var(--blue)}.cloud-art{position:absolute;right:-8px;top:24px;width:320px;height:250px;z-index:1;pointer-events:none}.cloud-glow{position:absolute;inset:10% 8%;background:radial-gradient(ellipse,#65b0fc40,transparent 65%);filter:blur(12px)}.cloud-sculpture{width:205px;position:absolute;left:70px;top:56px;filter:drop-shadow(0 22px 20px #030f38cc);transform:rotate(-5deg)}.cloud-sculpture svg{width:100%}.orbit{position:absolute;border:1px solid #7897e82b;width:290px;height:104px;border-radius:50%;top:83px;left:16px;transform:rotate(-20deg)}.orbit-two{transform:rotate(30deg);border-color:#8facdc20}.floating-tile{display:grid;place-items:center;position:absolute;border:1px solid #7894d980;border-radius:10px;background:linear-gradient(130deg,#486494,#243e75);box-shadow:0 10px 25px #080c263d;transform:rotate(-14deg);width:38px;height:42px;color:#b2e1ff}.tile-image{left:40px;top:65px}.tile-doc{right:20px;top:83px;transform:rotate(16deg);color:#dcc9ff;background:linear-gradient(140deg,#796cb8,#434e84)}.tile-music{left:63px;bottom:23px;transform:rotate(10deg);color:#b8e9eb}.art-label{position:absolute;bottom:20px;left:137px;font-size:8px;letter-spacing:2px;color:#94b4d8}.storage-card{background:linear-gradient(150deg,#141f34,#10192a);border:1px solid #2b3d59;border-radius:15px;padding:20px 22px}.card-heading{display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:1.6px;color:#b1c2dc}.card-heading .icon{width:16px;height:16px;color:#90b2da}.quota-ring{--progress:0deg;width:130px;height:130px;margin:15px auto 12px;border-radius:50%;padding:7px;background:conic-gradient(from -90deg,#97c6ff 0deg,#7679e2 var(--progress),#26334d var(--progress));position:relative}.quota-ring>div{width:100%;height:100%;border-radius:50%;background:#121d30;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:inset 0 0 35px #152b4944}.quota-ring strong{font-size:35px;line-height:1.2;letter-spacing:-1px;font-weight:500}.quota-ring strong span{font-size:13px;margin-left:4px;color:#c5d5eb;letter-spacing:0}.quota-ring small{font-size:9px;color:#8197b6;margin-top:4px}.quota-numbers{text-align:center;margin-bottom:15px}.quota-numbers strong{display:block;font-size:11px;font-weight:500}.quota-numbers small{font-size:9px;color:#8194af}.storage-card .button{font-size:10px;padding:9px}.category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:24px}.category{display:flex;align-items:center;gap:13px;border:1px solid #283750;border-radius:11px;background:#101a2b;padding:17px 18px;transition:.15s}.category:hover{border-color:#597daa;transform:translateY(-2px)}.category strong{font-size:11px;font-weight:500;display:block}.category small{font-size:9px;color:#8396b0;display:block;margin-top:4px}.category-icon{display:grid;place-items:center;width:38px;height:40px;border-radius:10px;color:#8bcdfc;background:#245d8033;border:1px solid #3a70944f;flex-shrink:0}.category-icon .icon{width:20px;height:20px}.purple .category-icon{color:#c7a6ff;background:#67409733;border-color:#70539e55}.amber .category-icon{color:#eec18b;background:#aa773333;border-color:#9f795855}.green .category-icon{color:#94d8c0;background:#2f7a7233;border-color:#4a928455}.category-arrow{color:#6d87a8;margin-left:auto}.library{border:1px solid #27354d;border-radius:14px;background:#0e1727;overflow:hidden;min-height:304px}.library-heading{display:flex;align-items:center;justify-content:space-between;padding:21px 23px;border-bottom:1px solid #24324a;gap:12px}.library-heading h2{font-size:15px;font-weight:500;letter-spacing:-.2px}.library-heading small{display:block;color:#758ca9;font-size:10px;margin-top:4px}.library-controls{display:flex;gap:9px;align-items:center}.sort-label{font-size:10px;display:flex;gap:7px;align-items:center;color:#7d90ad;margin-right:7px}.sort-label select{background:#141f32;border:1px solid #263752;border-radius:7px;padding:8px;font-size:10px;max-width:140px}.empty{text-align:center;padding:35px 22px 31px;max-width:590px;margin:auto}.empty-icon{margin:0 auto 15px;width:52px;height:52px;background:#1a2b46;border:1px solid #3b5177;border-radius:15px;color:#92b8ed;display:grid;place-items:center}.empty-icon .icon{width:25px;height:25px}.empty h3{font-size:16px;font-weight:500}.empty p{font-size:12px;color:#8c9fba;max-width:420px;margin:9px auto 18px;line-height:1.7}.empty .button{margin:0 4px}.drop-hint{border-top:1px dashed #2b3c57;font-size:10px;color:#7087a7;display:flex;align-items:center;justify-content:center;padding:11px;gap:9px}.drop-hint .icon{width:13px;height:13px}.library.dragover{outline:2px dashed var(--blue);outline-offset:4px;background:#16263c}.workspace-footer{display:flex;justify-content:space-between;gap:12px;padding:25px 2px 0;color:#667e9e;font-size:9px}.workspace-footer>span{display:flex;gap:9px;align-items:center}.workspace-footer .icon{height:12px;width:12px}.workspace-footer a:hover{color:#c8dfff}.files-table{width:100%;border-collapse:collapse;text-align:left}.files-table th{font-weight:500;font-size:9px;letter-spacing:.6px;color:#7186a3;padding:12px 22px;background:#101b2b}.files-table td{padding:14px 22px;border-top:1px solid #1d2b42;font-size:11px;color:#93a7c4}.file-title{display:flex;align-items:center;gap:12px;min-width:0}.file-title>span:last-child{min-width:0}.file-title strong{display:block;color:#d8e6fb;font-weight:500;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:330px}.file-title small{font-size:9px;color:#798aa4}.file-icon{height:37px;width:33px;display:grid;place-items:center;background:#23476944;border:1px solid #3c628b66;border-radius:7px;color:#96c9f9;flex-shrink:0}.file-icon .icon{width:16px;height:16px}.row-actions{display:flex;justify-content:flex-end;gap:6px}.row-actions .icon-button{height:29px;width:29px}.row-actions .icon{height:14px;width:14px}.files-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:20px}.file-card{border:1px solid #2b3d56;border-radius:10px;padding:18px;background:#111e32}.file-card>.file-icon{height:64px;width:100%;margin-bottom:15px;border:0;background:radial-gradient(ellipse,#2a4f8440,transparent)}.file-card>.file-icon .icon{width:38px;height:38px}.file-card strong{display:block;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-card small{color:#8c9fbd;font-size:10px}.file-card .row-actions{margin-top:13px}.panel-title{margin:26px 0 20px}.panel-title h2{font-size:22px;font-weight:550;letter-spacing:-.5px}.panel-title p{color:var(--muted);font-size:12px;margin-top:8px}.plan-grid,.account-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.plan,.account-card{background:linear-gradient(145deg,#152039,#10192b);border:1px solid #2d405f;border-radius:14px;padding:25px}.plan.featured{border-color:#577aaa;background:radial-gradient(ellipse at top right,#34548355,transparent 70%),#16243e}.plan .eyebrow{color:#92bbed}.plan h3,.account-card h3{font-size:19px;margin-top:12px}.plan-capacity{font-size:36px;letter-spacing:-1.5px;margin:20px 0 5px}.plan-price{font-size:12px;color:#bdd0eb}.plan p,.plan li,.account-card p{font-size:12px;color:#91a7c6}.plan ul{padding:0;list-style:none;margin:23px 0;display:grid;gap:10px}.plan li:before{content:'✓';color:#8cbff2;margin-right:9px}.plan .button{margin-top:16px}.policy-note{font-size:11px;line-height:1.8;color:#8298b8;border:1px solid #273b58;border-radius:12px;background:#101c30;padding:19px 23px;margin-top:20px}.account-card dl{margin:20px 0;display:grid;gap:14px}.account-card dt{font-size:10px;color:#7e96b6}.account-card dd{font-size:12px;margin:3px 0 0;word-break:break-word}.account-card .button{margin-top:15px}.account-card .card-ico{color:#8abaf8}.invoice{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #27374d;font-size:11px}.transfer-toast{position:fixed;right:30px;bottom:25px;z-index:40;display:flex;align-items:center;gap:14px;background:#192b46;border:1px solid #527ba8;border-radius:13px;box-shadow:0 12px 40px #03081280;padding:16px;width:350px}.transfer-toast>span{color:#a2cafd}.transfer-toast>div{flex:1;min-width:0}.transfer-toast strong{font-size:12px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.transfer-toast small{font-size:10px;color:#9ab4d5}.transfer-toast .meter{margin-top:9px}.transfer-toast>a{font-size:20px;color:var(--blue)}.transfer-item{border:1px solid #314460;padding:20px;border-radius:11px;background:#111e32;margin-bottom:12px;display:grid;grid-template-columns:40px 1fr auto;gap:14px;align-items:center}.transfer-item strong{font-size:12px;display:block;overflow-wrap:anywhere}.transfer-item small{font-size:11px;color:#8fa7c8}.transfer-item .meter{margin-top:10px}.transfer-item.error{border-color:#725142}.transfer-item.done{border-color:#31574d}dialog{background:#132039;border:1px solid #45638c;border-radius:16px;color:var(--text);width:min(460px,calc(100% - 32px));padding:28px}dialog::backdrop{background:#030814c9;backdrop-filter:blur(5px)}dialog h2{font-size:20px;margin:14px 0}dialog p{font-size:12px;color:#a2b5d1;margin-top:12px;overflow-wrap:anywhere}.dialog-icon{color:#ffbeac}.dialog-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:25px}.noscript{position:fixed;inset:25% 20%;z-index:50;background:#142039;padding:40px}.skeleton{padding:30px;display:grid;gap:15px}.skeleton i{height:32px;border-radius:6px;background:linear-gradient(100deg,#18243a,#263954,#18243a);background-size:250%;animation:shimmer 1.3s ease-in-out infinite}.spin .icon{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{to{background-position:-150%}}
@media(min-width:1650px){.welcome-card{min-height:315px}.cloud-art{right:35px;width:360px;top:30px}.cloud-sculpture{width:235px}.cloud-art .art-label{bottom:0}.welcome-card h2{font-size:34px}}
@media(max-width:1250px){:root{--sidebar:214px}.sidebar{padding:26px 12px 16px}.topbar{padding:0 24px;gap:12px}main{padding:25px 24px}.search{width:230px}.welcome-grid{grid-template-columns:minmax(0,1fr) 230px;gap:15px}.welcome-card{padding:26px 23px}.cloud-art{right:-65px;opacity:.7}.welcome-card h2{max-width:77%;font-size:27px}.hero-actions{gap:12px}.hero-actions .text-link{max-width:110px}.category{padding:14px 12px;gap:9px}.category-arrow{display:none}.category-icon{width:32px;height:35px}.category-grid{gap:10px}.files-table td,.files-table th{padding:12px 15px}.plan-grid,.account-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace-footer{flex-wrap:wrap}}
@media(max-width:1020px){.breadcrumb{display:none}.cloud-art{right:-110px;opacity:.4}.welcome-card h2{max-width:100%;font-size:25px}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-actions{flex-wrap:wrap}.hero-actions .text-link{max-width:none}.file-title strong{max-width:200px}.files-table .date-cell{display:none}.library-heading{padding:18px}.sort-label{font-size:0}.files-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.sidebar{transform:translateX(-100%);transition:transform .2s;width:240px;box-shadow:20px 0 90px #030812d9}.menu-open .sidebar{transform:translateX(0)}.main-shell{margin-left:0;width:100%}.menu-toggle{display:grid}.topbar{height:69px;padding:0 18px;gap:10px}.search{width:auto;flex:1;min-width:0}.search input{font-size:11px}.search kbd{display:none}.top-account{font-size:10px}.topbar>#refresh{display:none}main{padding:22px 18px}.welcome-grid{grid-template-columns:1fr}.welcome-card{min-height:278px}.cloud-art{right:-5px;opacity:.65}.welcome-card h2{max-width:72%;font-size:26px}.storage-card{display:grid;grid-template-columns:1fr auto;align-items:center;gap:5px 18px;padding:19px}.storage-card .card-heading{grid-column:1}.quota-ring{grid-column:2;grid-row:1/4;width:88px;height:88px;margin:0;padding:5px}.quota-ring strong{font-size:26px}.quota-ring small{font-size:8px}.quota-numbers{text-align:left;margin:4px 0}.storage-card .button{grid-column:1;max-width:240px}.category-grid{margin-bottom:18px}.section-top{gap:12px}.connection{font-size:9px;text-align:right}.eyebrow{font-size:8px}h1{font-size:26px}.library-heading{flex-wrap:wrap}.library-controls{width:100%;justify-content:flex-end}.library-controls .sort-label{margin-right:auto}.files-table .size-cell{display:none}.files-table th{font-size:8px}.files-table td{padding:12px}.files-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:12px}.file-card{padding:13px}.file-title strong{max-width:170px}.plan-grid,.account-grid{grid-template-columns:1fr}.transfer-toast{width:calc(100% - 32px);right:16px;bottom:16px}.workspace-footer{padding-bottom:15px}.workspace-footer>span:last-child{flex-wrap:wrap}.hero-actions .text-link{font-size:10px}.category{padding:14px}.transfer-item{grid-template-columns:33px 1fr}.transfer-item>button{grid-column:2;justify-self:start}.search .icon{width:15px}.empty{padding:30px 18px}.empty .button{margin:4px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(max-width:760px){.cloud-art{display:none}.welcome-card h2{max-width:100%}.welcome-card{min-height:270px}}