.download-card { background: linear-gradient(145deg, #fff, #f1f5ff); }
.download-badge { display: inline-block; padding: 6px 10px; border-radius: 999px; background: #edf2ff; color: #3157d5; font-size: 11px; font-weight: 800; letter-spacing: .08em; }
.download-card h3 { font-size: 30px; margin: 20px 0 10px; }
.download-actions { display: flex; gap: 9px; flex-wrap: wrap; margin: 24px 0; }
.link-button { display: inline-block; text-decoration: none; }
.steps { padding-left: 22px; display: grid; gap: 11px; color: #4b5568; }
.warning { border-color: #f1d697; background: #fffaf0; }
.warning h3 { color: #9a6410; }
.download-platforms { margin-top: 18px; }
.download-platforms code, .download-card code { overflow-wrap: anywhere; }
.soft-line { border: 0; border-top: 1px solid #e5e9f1; margin: 24px 0; }
.danger-button { border: 0; border-radius: 10px; padding: 11px 15px; background: #fff0f0; color: #c93838; font-weight: 750; cursor: pointer; }
.danger-button:hover { background: #ffe2e2; }
.private-cloud-head { border-color: #9db1f4; background: linear-gradient(145deg, #fff, #eef3ff); }

/* RuoDa visual refresh */
:root { --ink:#13213c; --muted:#66738a; --line:#e3e9f3; --bg:#f3f6fb; --card:#fff; --blue:#3568e8; --blue2:#2453c5; --soft:#edf3ff; --danger:#d94252; }
body { background: radial-gradient(circle at 85% 0,#e8efff 0,transparent 28%),var(--bg); }
.auth-shell { background: radial-gradient(circle at 18% 18%,#527cf0 0,transparent 32%),linear-gradient(135deg,#101c38,#244cae 58%,#3568e8); }
.hero { display:flex; flex-direction:column; justify-content:center; }
.hero h1 { letter-spacing:-.045em; text-shadow:0 8px 32px #08163755; }
.hero-points span { backdrop-filter:blur(12px); box-shadow:inset 0 1px #ffffff25; }
.auth-card { border:1px solid #ffffff80; box-shadow:0 32px 90px #06112f66; }
.app { grid-template-columns:256px 1fr; }
.sidebar { padding:26px 18px; background:linear-gradient(180deg,#111d37 0%,#17294b 65%,#163466 100%); box-shadow:12px 0 35px #172b5012; }
.sidebar .logo { border-bottom:1px solid #ffffff12; margin-bottom:18px; }
.nav,.logout { position:relative; padding:13px 15px; transition:background .2s,color .2s,transform .2s; }
.nav:hover { transform:translateX(3px); }
.nav.active { background:linear-gradient(90deg,#4776ee33,#ffffff12); box-shadow:inset 3px 0 #75a0ff; }
.logout { border-top:1px solid #ffffff12; border-radius:0; padding-top:18px; }
.content { max-width:1600px; width:100%; margin:0 auto; padding:0 38px 60px; }
.topbar { position:sticky; top:0; z-index:20; min-height:96px; background:#f3f6fbd9; backdrop-filter:blur(16px); border-bottom:1px solid #e7ebf3; margin-bottom:26px; }
.topbar h2 { font-size:28px; letter-spacing:-.03em; }
.user-chip { padding:10px 14px; border:1px solid var(--line); border-radius:12px; background:#ffffffc9; box-shadow:0 6px 20px #1d31570b; }
.stats { gap:18px; }
.stats article,.panel,.offer,.cloud-head,.file-list { border-color:#e1e8f3; box-shadow:0 8px 28px #23385f0b; }
.stats article { position:relative; overflow:hidden; background:linear-gradient(145deg,#fff,#f8faff); transition:transform .2s,box-shadow .2s; }
.stats article:before { content:""; position:absolute; width:72px; height:72px; right:-22px; top:-22px; border-radius:50%; background:#3568e810; }
.stats article:hover,.offer:hover,.dashboard-shortcuts .panel:hover { transform:translateY(-3px); box-shadow:0 15px 38px #23385f16; }
.stats strong { color:#182b50; letter-spacing:-.035em; }
.panel,.offer,.cloud-head,.file-list { border-radius:18px; }
.panel { padding:24px; }
.panel>h3,.panel-head h3 { letter-spacing:-.02em; }
.admin-grid { grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:18px; margin-bottom:22px; }
.admin-grid .form-stack { align-content:start; }
.form-stack label { color:#44536c; }
input,select { min-height:44px; border-color:#d8e0ed; background:#fbfcff; transition:border .2s,box-shadow .2s,background .2s; }
input:hover,select:hover { background:#fff; border-color:#bac8dc; }
.primary,.secondary,.danger-button,.link-button { transition:transform .18s,box-shadow .18s,background .18s; }
.primary { background:linear-gradient(135deg,#3e72ee,#2859d2); box-shadow:0 7px 16px #315fd52a; }
.primary:hover,.secondary:hover,.danger-button:hover { transform:translateY(-1px); }
.secondary { border:1px solid #d8e3fb; }
.list-row,.file-row { border:1px solid #edf1f7; background:linear-gradient(90deg,#fafbfe,#f7f9fd); transition:border .18s,background .18s; }
.list-row:hover,.file-row:hover { border-color:#cfdaf0; background:#fff; }
.offer-grid { gap:20px; }
.dashboard-shortcuts .panel { display:flex; flex-direction:column; min-height:185px; background:linear-gradient(145deg,#fff,#f6f9ff); transition:transform .2s,box-shadow .2s; }
.dashboard-shortcuts .panel p { color:var(--muted); flex:1; line-height:1.65; }
.dashboard-shortcuts .panel button { align-self:flex-start; }
.download-card { border:1px solid #dfe7f5; box-shadow:0 10px 30px #23385f0d; }
.download-badge { box-shadow:inset 0 0 0 1px #d7e2ff; }
.private-cloud-head { box-shadow:0 10px 32px #3157d515; }
.toast { box-shadow:0 14px 38px #111d3740; }
@media(max-width:900px){.app{grid-template-columns:1fr}.sidebar{position:sticky;z-index:30;height:auto;top:0;padding:12px 14px}.sidebar .logo{display:none}.sidebar nav{padding-bottom:4px}.nav{white-space:nowrap}.nav:hover{transform:none}.logout{border:0;margin:0}.content{padding:0 16px 42px}.topbar{position:static;min-height:84px;margin-bottom:18px}.admin-grid{grid-template-columns:1fr}}
@media(max-width:520px){.stats article,.panel,.offer,.cloud-head{padding:18px}.stats{gap:12px}.topbar h2{font-size:24px}.panel-head{flex-direction:column}.panel-head>div:last-child{width:100%;display:flex;flex-wrap:wrap}.copy-row{width:100%}.list-row,.file-row{align-items:flex-start;gap:12px}.file-actions{flex-wrap:wrap;justify-content:flex-end}}