:root{--ss-green:#16a34a;--ss-dark:#123524;--ss-blue:#2563eb;--ss-orange:#f59e0b;--ss-purple:#7c3aed;--ss-bg:#f5f8f6;--ss-line:#e2e9e4;--ss-ink:#17211b}
*{box-sizing:border-box}
.ss-catalog,.ss-dashboard-pro,.ss-shell{max-width:1220px;margin:28px auto;padding:0 16px;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ss-ink)}
.ss-catalog-hero{min-height:280px;border-radius:24px;padding:38px;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#e8f8ee 0%,#f6fbff 55%,#fff 100%);border:1px solid #d9e9df;overflow:hidden}
.ss-mini-label{font-size:11px;letter-spacing:1.25px;font-weight:900;color:var(--ss-green)}
.ss-catalog-copy{max-width:700px}.ss-catalog-copy h1{font-size:38px;line-height:1.08;margin:10px 0}.ss-catalog-copy p{font-size:16px;color:#5e6c64;max-width:650px}
.ss-hero-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.ss-hero-pills span{background:#fff;border:1px solid #dce8df;border-radius:999px;padding:8px 11px;font-size:12px;font-weight:700}
.ss-hero-art{width:280px;height:210px;position:relative}.ss-art-card{position:absolute;background:#fff;border:1px solid var(--ss-line);box-shadow:0 15px 30px rgba(30,70,45,.12);border-radius:15px;padding:16px;width:170px;display:grid;gap:5px}.ss-art-card b{font-size:15px}.ss-art-card small{color:#6c7771}.ss-art-card.one{right:5px;top:5px;transform:rotate(5deg)}.ss-art-card.two{left:10px;bottom:8px;transform:rotate(-6deg)}
.ss-tabs{display:flex;gap:6px;overflow:auto;margin:22px 0 12px;padding-bottom:2px}.ss-tabs button{border:0;background:#fff;border:1px solid var(--ss-line);border-radius:999px;padding:10px 15px;white-space:nowrap;font-weight:700;color:#647069;cursor:pointer}.ss-tabs button.active,.ss-tabs button:hover{background:var(--ss-green);border-color:var(--ss-green);color:#fff}
.ss-toolbar-pro{display:flex;gap:10px;margin:14px 0 18px}.ss-search-box{flex:1;background:#fff;border:1px solid var(--ss-line);border-radius:12px;padding:10px 13px;color:#77827c}.ss-search-box input{border:0;outline:0;width:90%;font-size:14px}.ss-toolbar-pro select{border:1px solid var(--ss-line);border-radius:12px;background:#fff;padding:0 13px}
.ss-test-grid-pro{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.ss-pro-card{background:#fff;border:1px solid var(--ss-line);border-radius:18px;overflow:hidden;box-shadow:0 7px 22px rgba(20,50,30,.05);transition:.18s}.ss-pro-card:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(20,50,30,.09)}
.ss-pro-card-cover{height:108px;padding:16px;display:flex;justify-content:space-between;align-items:flex-start;background:linear-gradient(135deg,#e9f8ee,#f9fffb)}.ss-pro-card-cover.sectional{background:linear-gradient(135deg,#eaf1ff,#f8faff)}.ss-pro-card-cover.chapter{background:linear-gradient(135deg,#fff5dd,#fffaf0)}.ss-pro-card-cover.pyq{background:linear-gradient(135deg,#f1eaff,#fbf9ff)}.ss-pro-card-cover.daily{background:linear-gradient(135deg,#e6f9ff,#f7fdff)}
.ss-type-icon{width:48px;height:48px;background:#fff;border-radius:13px;display:grid;place-items:center;font-size:24px;box-shadow:0 5px 12px rgba(0,0,0,.06)}.ss-access{background:#fff;border-radius:999px;padding:6px 9px;font-size:10px;font-weight:900;color:var(--ss-green)}
.ss-pro-card-body{padding:18px}.ss-card-label{font-size:10px;font-weight:900;letter-spacing:1px;color:var(--ss-green)}.ss-pro-card-body h3{font-size:18px;margin:7px 0}.ss-pro-card-body p{font-size:13px;color:#69756e;line-height:1.5;min-height:40px}.ss-card-stats{display:flex;gap:9px;flex-wrap:wrap;color:#69756e;font-size:11px;margin:14px 0}.ss-card-cta{display:flex;justify-content:space-between;align-items:center;text-decoration:none;background:#ecf9f0;color:#137239;border-radius:10px;padding:11px 12px;font-size:13px;font-weight:900}.ss-card-cta:hover{background:var(--ss-green);color:#fff}
.ss-dashboard-pro{max-width:1220px}.ss-dash-top{background:linear-gradient(135deg,#0f5132,#187a4a);color:#fff;border-radius:22px;padding:28px;display:flex;justify-content:space-between;align-items:center}.ss-welcome{display:flex;gap:15px;align-items:center}.ss-welcome h1{margin:4px 0;font-size:27px}.ss-welcome p{margin:0;color:#d5eee0;font-size:13px}.ss-avatar-xl{width:62px;height:62px;border-radius:18px;background:#fff;color:#137239;display:grid;place-items:center;font-size:25px;font-weight:900}.ss-dash-top .ss-mini-label{color:#b9f1cd}.ss-primary-btn{display:inline-block;text-decoration:none;background:#fff;color:#126b37!important;border-radius:11px;padding:12px 17px;font-weight:900;border:0}.ss-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:18px 0}.ss-stat-card{background:#fff;border:1px solid var(--ss-line);border-radius:15px;padding:17px;display:flex;gap:12px;align-items:center;box-shadow:0 5px 18px rgba(20,50,30,.04)}.ss-stat-card b{font-size:25px;display:block}.ss-stat-card small{color:#6c7771}.ss-stat-icon{width:45px;height:45px;border-radius:13px;display:grid;place-items:center;font-size:20px}.ss-stat-card.green .ss-stat-icon{background:#e6f8ec}.ss-stat-card.blue .ss-stat-icon{background:#eaf1ff}.ss-stat-card.orange .ss-stat-icon{background:#fff2d8}.ss-stat-card.purple .ss-stat-icon{background:#f0eaff}
.ss-dash-layout{display:grid;grid-template-columns:1fr 310px;gap:18px}.ss-section-head{display:flex;justify-content:space-between;align-items:end;margin:15px 0}.ss-section-head h2{margin:4px 0}.ss-section-head a{color:var(--ss-green);font-weight:800;text-decoration:none}.ss-attempt-list{background:#fff;border:1px solid var(--ss-line);border-radius:15px;overflow:hidden}.ss-attempt{display:grid;grid-template-columns:40px 2fr .7fr .8fr .7fr 100px;align-items:center;gap:10px;padding:14px;border-bottom:1px solid var(--ss-line)}.ss-attempt:last-child{border-bottom:0}.ss-attempt-badge{width:34px;height:34px;border-radius:10px;background:#eaf8ef;color:var(--ss-green);display:grid;place-items:center;font-weight:900}.ss-attempt-main{display:grid;gap:3px}.ss-attempt-main span,.ss-attempt-metric small{font-size:10px;color:#7a847e}.ss-attempt-metric b{font-size:14px}.ss-outline-btn{border:1px solid #cfe0d5;color:#176c3b;border-radius:8px;padding:8px;text-align:center;text-decoration:none;font-size:11px;font-weight:800}.ss-side-card{background:#fff;border:1px solid var(--ss-line);border-radius:15px;padding:15px;margin-bottom:14px}.ss-side-title{font-weight:900;margin-bottom:10px}.ss-action{display:grid;grid-template-columns:38px 1fr;grid-template-rows:1fr 1fr;column-gap:10px;text-decoration:none;color:var(--ss-ink);padding:11px;border-radius:11px;margin:6px 0;background:#f8faf9}.ss-action span{grid-row:1/3;width:34px;height:34px;border-radius:9px;display:grid;place-items:center}.ss-action b{font-size:12px}.ss-action small{font-size:10px;color:#748078}.ss-action.green span{background:#e7f8ed}.ss-action.blue span{background:#eaf1ff}.ss-action.orange span{background:#fff2d8}.ss-action.purple span{background:#f0eaff}.ss-tip{background:linear-gradient(135deg,#fff8e7,#fff)}.ss-tip p{font-size:12px;color:#68736d;line-height:1.6}
.ss-empty-state{text-align:center;padding:45px 20px}.ss-empty-state>div{font-size:42px}.ss-empty-state p{color:#6a756f}
.ss-paywall,.ss-empty{max-width:600px;margin:50px auto;text-align:center;background:#fff;border:1px solid var(--ss-line);border-radius:18px;padding:35px;font-family:Inter,system-ui,sans-serif}.ss-lock-icon{font-size:45px}
.ss-exam{font-family:Inter,system-ui,sans-serif;color:var(--ss-ink)}.ss-test-page{background:var(--ss-bg);min-height:100vh;padding:20px 0}
.ss-exam-head{max-width:1250px;margin:auto;background:#fff;border:1px solid var(--ss-line);border-radius:14px;padding:14px 20px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:8px;z-index:10}.ss-exam-grid{max-width:1250px;margin:18px auto;display:grid;grid-template-columns:1fr 300px;gap:18px}.ss-question-panel,.ss-sidebar{background:#fff;border:1px solid var(--ss-line);border-radius:15px}.ss-qhead{padding:15px 20px;border-bottom:1px solid var(--ss-line);display:flex;justify-content:space-between;font-weight:800}.ss-qcontent{padding:25px}.ss-question-text{font-size:18px;line-height:1.65;font-weight:700}.ss-option{display:flex;gap:12px;padding:14px;margin:10px 0;border:1px solid var(--ss-line);border-radius:10px;cursor:pointer}.ss-option.selected{border-color:var(--ss-green);background:#eff9f2}.ss-bottom{border-top:1px solid var(--ss-line);padding:15px 20px;display:flex;justify-content:space-between}.ss-sidebar{height:max-content;padding:18px;position:sticky;top:88px}.ss-palette{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.ss-palette button{border:1px solid var(--ss-line);background:#fff;border-radius:8px;padding:8px;cursor:pointer}.ss-palette button.done{background:#dff4e5}.ss-palette button.review{background:#fff2cc}.ss-palette button.current{outline:2px solid var(--ss-green)}.ss-status{display:grid;gap:6px;font-size:11px;color:#69746d;margin:15px 0}.ss-submit{width:100%;border:0;border-radius:10px;background:var(--ss-green);color:#fff;padding:11px;font-weight:900}
@media(max-width:900px){.ss-test-grid-pro{grid-template-columns:1fr 1fr}.ss-dash-layout{grid-template-columns:1fr}.ss-stat-grid{grid-template-columns:repeat(2,1fr)}.ss-exam-grid{grid-template-columns:1fr;padding:0 10px}.ss-sidebar{position:static}.ss-exam-head{margin:0 10px}.ss-attempt{grid-template-columns:35px 1fr 70px 80px}.ss-attempt .ss-attempt-metric:nth-of-type(3){display:none}.ss-outline-btn{grid-column:4}}
@media(max-width:600px){.ss-catalog-hero{padding:25px}.ss-catalog-copy h1{font-size:28px}.ss-hero-art{display:none}.ss-test-grid-pro{grid-template-columns:1fr}.ss-stat-grid{grid-template-columns:1fr 1fr}.ss-dash-top{align-items:flex-start;gap:18px;flex-direction:column}.ss-attempt{grid-template-columns:34px 1fr 65px}.ss-attempt .ss-attempt-metric:nth-of-type(2),.ss-attempt .ss-outline-btn{display:none}.ss-toolbar-pro{flex-direction:column}.ss-toolbar-pro select{padding:12px}.ss-exam-grid{padding:0 7px}.ss-qcontent{padding:18px}}

/* Selfshiksha App UI Upgrade */
.ss-dash-top-actions{display:flex;gap:10px;align-items:center}.ss-streak{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.25);border-radius:999px;padding:10px 13px;font-size:11px;font-weight:800}
.ss-profile-page{max-width:900px;margin:30px auto;font-family:Inter,system-ui,sans-serif}.ss-profile-cover{background:linear-gradient(135deg,#0f5132,#16a34a);color:#fff;border-radius:24px;padding:35px;text-align:center}.ss-avatar-xxl{width:88px;height:88px;margin:auto;border-radius:28px;background:#fff;color:#137239;display:grid;place-items:center;font-size:34px;font-weight:900}.ss-profile-cover h1{margin:12px 0 4px}.ss-profile-cover p{opacity:.85}.ss-profile-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:15px}.ss-profile-grid>div{background:#fff;border:1px solid var(--ss-line);border-radius:15px;padding:22px;text-align:center}.ss-profile-grid b{display:block;font-size:25px}.ss-profile-grid small{color:#6c7771}
.ss-bookmark-list{display:grid;gap:10px}.ss-bookmark-item{display:flex;gap:14px;padding:16px;border:1px solid var(--ss-line);border-radius:13px;background:#fff}.ss-bm-icon{width:38px;height:38px;background:#fff4cf;border-radius:10px;display:grid;place-items:center}.ss-bookmark-item p{margin:6px 0 0;color:#68736d;font-size:12px}
.ss-result-grid{display:grid;gap:10px}.ss-result-card{display:grid;grid-template-columns:2fr 80px 120px 90px;gap:12px;align-items:center;border:1px solid var(--ss-line);border-radius:13px;padding:15px;background:#fff}.ss-result-card div{display:grid;gap:3px}.ss-result-card small,.ss-result-card span{font-size:11px;color:#69746d}.ss-result-card strong{font-size:20px;color:var(--ss-green)}
.ss-category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.ss-category-card{text-decoration:none;color:var(--ss-ink);background:#fff;border:1px solid var(--ss-line);border-radius:16px;padding:20px;display:grid;gap:8px;box-shadow:0 5px 18px rgba(20,50,30,.04)}.ss-category-card span{font-size:28px}.ss-category-card b{font-size:15px}.ss-category-card small{color:#69746d}
.ss-exam .ss-btn.light{margin-right:6px}.ss-exam #ss-bookmark{border-color:#f0d98c;background:#fffaf0;color:#806100!important}
@media(max-width:700px){.ss-dash-top-actions{flex-direction:column;align-items:stretch}.ss-profile-grid{grid-template-columns:1fr}.ss-result-card{grid-template-columns:1fr 70px}.ss-result-card span{display:none}.ss-category-grid{grid-template-columns:1fr 1fr}}