:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;font-weight:400;color:#0f172a;background-color:#f8fafc}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 20% 20%,#e2f5ff 0,#f8fafc 40%),radial-gradient(circle at 80% 0,#f2f0ff 0,#f8fafc 35%),radial-gradient(circle at 50% 80%,#e9ffe4 0,#f8fafc 45%);color:#0f172a}a{color:inherit;text-decoration:none}button{font:inherit}.app-shell{display:flex;min-height:100vh}.sidebar{width:288px;background:#0b1230;color:#f1f5f9;display:flex;flex-direction:column;gap:16px;padding:24px;transition:width .2s ease}.sidebar.collapsed{width:72px}.brand{display:flex;align-items:center;gap:12px;font-size:18px;font-weight:700;letter-spacing:.4px}.brand-icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;background:linear-gradient(135deg,#38bdf8,#6366f1);color:#0b1230;border-radius:12px;font-weight:800;box-shadow:0 10px 30px #38bdf859}.nav-item{display:flex;align-items:center;gap:12px;padding:12px;border-radius:12px;background:#ffffff0f;color:#e2e8f0;border:1px solid rgba(148,163,184,.2)}.nav-item .icon{font-size:18px}.content{flex:1;padding:32px 48px 56px}.page-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.page-title{margin:0;font-size:28px;letter-spacing:-.3px}.actions{display:flex;align-items:center;gap:12px}.button{border:none;background:#0f172a;color:#f8fafc;padding:10px 14px;border-radius:12px;display:inline-flex;align-items:center;gap:8px;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,opacity .12s ease;box-shadow:0 10px 30px #0f172a26}.button.secondary{background:#38bdf8;color:#0b1230;box-shadow:0 10px 30px #38bdf84d}.button.tertiary{background:linear-gradient(135deg,#22c55e,#16a34a);color:#ecfeff;box-shadow:0 10px 25px #22c55e4d}.button:disabled{opacity:.5;cursor:not-allowed}.button:hover:not(:disabled){transform:translateY(-2px)}.button.ghost{background:transparent;color:#0f172a;border:1px solid #e2e8f0;box-shadow:none}.grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.card{background:#ffffffe6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:16px;border:1px solid #e2e8f0;padding:20px;box-shadow:0 20px 45px #0f172a14}.card h3{margin-top:0;margin-bottom:10px}.status-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px;margin-bottom:20px}.status-card{display:flex;flex-direction:column;gap:12px}.status-card__header{display:flex;align-items:center;justify-content:space-between;gap:16px}.status{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:#e0f2fe;color:#075985;font-weight:600;border:1px solid #bae6fd}.status.error{background:#fee2e2;border-color:#fecdd3;color:#991b1b}.role-select{padding:8px 10px;border-radius:10px;border:1px solid #cbd5e1;font-weight:600}.role-list{list-style:none;padding:0;margin:0;display:grid;gap:8px}.role-list li{padding:10px;border-radius:12px;border:1px dashed #e2e8f0;background:#f8fafc}.role-list li.active{border-color:#38bdf8;background:#e0f2fe}.role-label{font-weight:700}.content-section{margin-top:24px}.section-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.pill{padding:8px 12px;border-radius:999px;background:#0f172a;color:#f8fafc;font-weight:700}.content-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:16px}.content-card{border-radius:16px;overflow:hidden;border:1px solid #e2e8f0;box-shadow:0 18px 35px #0f172a14;background:#fff}.cover{position:relative;height:160px;background-size:cover;background-position:center}.cover-gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0003,#00000073)}.cover-content{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-start;justify-content:space-between;padding:12px}.card-body{padding:16px;display:flex;flex-direction:column;gap:8px}.card-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.chip{padding:4px 8px;background:#f1f5f9;border-radius:12px;font-size:12px;border:1px solid #e2e8f0}.cta-row{display:flex;align-items:center;gap:8px}.badge{padding:6px 10px;border-radius:12px;font-weight:700;font-size:12px;color:#0f172a;background:#f1f5f9}.badge.free{background:#dcfce7;color:#166534}.badge.premium{background:#fef3c7;color:#92400e}.lock{background:#ffffffe6;padding:6px 8px;border-radius:999px}.small{color:#475569;font-size:14px;margin:0}.muted{color:#475569}.error{color:#b91c1c}