.page{min-height:100vh;padding:28px;color:#fff;background:radial-gradient(circle at top,#0b3b72,#041a36 60%,#020b18)}.header{text-align:center;margin-bottom:18px}.card{max-width:900px;margin:0 auto;background:#ffffff14;border:1px solid rgba(255,255,255,.14);border-radius:18px;padding:18px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.footer{text-align:center;margin-top:18px;opacity:.9;font-size:13px}.btn{padding:10px 14px;border-radius:12px;border:none;background:#22c55e;color:#fff;cursor:pointer;font-weight:700}.btn.secondary{background:#ffffff24}.textInput,.selectInput{padding:10px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.18);background:#00000040;color:#fff;outline:none}.softCard{padding:14px;border-radius:16px;border:1px solid rgba(255,255,255,.14);background:#0000002e}.progressBar{height:10px;border-radius:999px;background:#ffffff26;overflow:hidden}.progressFill{height:100%;background:#22c55e;border-radius:999px}.folderGrid{display:flex;gap:10px;flex-wrap:wrap}.folderItem{padding:10px 12px;border-radius:14px;border:1px solid rgba(255,255,255,.18);background:#00000040;color:#fff;cursor:pointer}.modalOverlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;padding:16px;z-index:999}.modalCard{width:min(950px,96vw);background:#0b1d39;border:1px solid rgba(255,255,255,.18);border-radius:18px;overflow:hidden}.modalHeader{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.12)}.modalBody{padding:14px}:root{font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}body{margin:0}