:root {
  --green:       #1B6B3A;
  --green-soft:  #2A7D4A;
  --green-light: rgba(27,107,58,.07);
  --green-badge: rgba(27,107,58,.10);
  --gold:        #B07D2A;
  --gold-light:  #FDF6E3;
  --navy:        #1C2B4A;
  --red:         #C0392B;
  --white:       #FFFFFF;
  --bg:          #F9F9F9;
  --border:      #E5E5E5;
  --border-lt:   #EEEEEE;
  --text:        #111111;
  --text2:       #444444;
  --text3:       #777777;
  --text4:       #AAAAAA;
  --r:           10px;
  --r-sm:        6px;
  --r-lg:        16px;
  --f:           'Inter', -apple-system, sans-serif;
  --f-num:       'DM Mono', monospace;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{font-family:var(--f);background:var(--bg);color:var(--text);line-height:1.5;-webkit-font-smoothing:antialiased;}
a{color:inherit;text-decoration:none;}


.demo-bar::-webkit-scrollbar{display:none;}




/* NAV */
.nav{background:var(--green-soft);display:flex;align-items:center;height:56px;padding:0 28px;position:sticky;top:0;z-index:100;box-shadow:0 1px 0 rgba(255,255,255,.1),0 2px 8px rgba(0,0,0,.12);}
.nav-logo{display:flex;align-items:center;gap:10px;margin-right:36px;}
.logo-mark{width:30px;height:30px;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.25);border-radius:7px;display:flex;align-items:center;justify-content:center;}
.logo-mark svg{width:16px;height:16px;fill:#fff;}
.logo-name{font-size:16px;font-weight:600;color:#fff;letter-spacing:-.01em;}
.logo-dot{color:rgba(255,255,255,.5);}
.nav-links{display:flex;flex:1;height:100%;}
.nav-link{display:flex;align-items:center;padding:0 14px;font-size:13px;font-weight:500;color:rgba(255,255,255,.72);border-bottom:2px solid transparent;transition:all .15s;height:100%;}
.nav-link:hover{color:#fff;}
.nav-link.on{color:#fff;border-bottom-color:rgba(255,255,255,.6);}
.nav-right{display:flex;align-items:center;gap:8px;}
.nav-search{display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);border-radius:var(--r-sm);padding:6px 12px;}
.nav-search input{background:none;border:none;font-family:var(--f);font-size:13px;color:#fff;width:190px;outline:none;}
.nav-search input::placeholder{color:rgba(255,255,255,.4);}
.btn-nav-out{padding:6px 14px;font-size:12px;font-weight:600;font-family:var(--f);border:1px solid rgba(255,255,255,.3);border-radius:var(--r-sm);background:transparent;color:rgba(255,255,255,.85);cursor:pointer;transition:all .15s;}
.btn-nav-out:hover{border-color:#fff;color:#fff;}
.btn-nav-fill{padding:6px 14px;font-size:12px;font-weight:600;font-family:var(--f);border:none;border-radius:var(--r-sm);background:rgba(255,255,255,.15);color:#fff;cursor:pointer;transition:all .15s;}
.btn-nav-fill:hover{background:rgba(255,255,255,.25);}

/* LAYOUT */
.page{max-width:1100px;margin:0 auto;padding:0 24px;}
.layout{display:grid;grid-template-columns:240px 1fr;gap:24px;padding:24px 0 48px;align-items:start;}

/* SIDEBAR */
.sidebar{position:sticky;top:68px;}
.sb-card{background:var(--white);border:1px solid var(--border-lt);border-radius:var(--r);overflow:hidden;margin-bottom:12px;}
.sb-head{padding:10px 14px;background:var(--bg);border-bottom:1px solid var(--border-lt);font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text3);display:flex;align-items:center;gap:7px;}
.sb-item{display:flex;align-items:center;gap:9px;padding:9px 14px;font-size:13px;color:var(--text2);cursor:pointer;transition:all .12s;border-left:2px solid transparent;border-bottom:1px solid var(--border-lt);}
.sb-item:last-child{border-bottom:none;}
.sb-item:hover{background:var(--green-light);color:var(--green);border-left-color:var(--green);}
.sb-item.on{background:var(--green-light);color:var(--green);border-left-color:var(--green);font-weight:600;}
.sb-item .ct{margin-left:auto;font-family:var(--f-num);font-size:11px;background:var(--bg);color:var(--text3);padding:1px 6px;border-radius:3px;}
.sb-item.on .ct{background:var(--green);color:#fff;}
.gr-acc{border-bottom:1px solid var(--border-lt);}
.gr-acc:last-child{border-bottom:none;}
.gr-toggle{display:flex;align-items:center;gap:9px;padding:9px 14px;font-size:13px;font-weight:500;color:var(--text2);cursor:pointer;transition:all .12s;}
.gr-toggle:hover{background:var(--green-light);color:var(--green);}
.gr-toggle.open{color:var(--green);}
.gr-badge{font-family:var(--f-num);font-size:10px;font-weight:500;padding:1px 6px;background:var(--bg);color:var(--text3);border-radius:3px;margin-left:auto;}
.gr-arrow{font-size:9px;color:var(--text4);transition:transform .2s;margin-left:2px;}
.gr-toggle.open .gr-arrow{transform:rotate(90deg);}
.gr-subjects{display:none;padding:4px 0 6px 30px;}
.gr-toggle.open+.gr-subjects{display:block;}
.gr-subj{padding:6px 14px 6px 0;font-size:12px;color:var(--text3);cursor:pointer;border-left:2px solid transparent;transition:all .12s;}
.gr-subj:hover{color:var(--green);border-left-color:var(--green);padding-left:8px;}
.gr-subj.on{color:var(--green);font-weight:500;border-left-color:var(--green);}
.upgrade-block{background:var(--white);border:1px solid var(--border-lt);border-radius:var(--r);padding:18px;margin-bottom:12px;}
.upgrade-block h4{font-size:14px;font-weight:600;color:var(--text);margin-bottom:5px;}
.upgrade-block p{font-size:12px;color:var(--text3);line-height:1.6;margin-bottom:14px;}
.btn-upgrade{width:100%;padding:10px;font-size:13px;font-weight:600;font-family:var(--f);background:var(--green);color:#fff;border:none;border-radius:var(--r-sm);cursor:pointer;transition:all .15s;}
.btn-upgrade:hover{background:#155d32;}

/* HERO */
.hero{background:linear-gradient(135deg,#fff 0%,#f0fdf4 50%,#ecfdf5 100%);padding:48px 28px 40px;display:grid;grid-template-columns:1fr 290px;gap:40px;align-items:center;border-radius:var(--r);border:1px solid var(--border-lt);}
.hero-tag{display:inline-flex;align-items:center;gap:7px;font-size:11px;font-weight:500;color:var(--green);background:var(--green-light);padding:5px 13px;border-radius:20px;margin-bottom:18px;}
.tag-dot{width:5px;height:5px;background:var(--green);border-radius:50%;animation:pulse 2s infinite;}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.35}}
.hero h1{font-size:32px;font-weight:600;color:var(--text);line-height:1.2;letter-spacing:-.02em;margin-bottom:12px;}
.hero h1 .accent{color:var(--green);}
.hero p{font-size:14px;color:var(--text2);line-height:1.7;max-width:420px;margin-bottom:22px;}
.hero-stats{display:flex;align-items:center;gap:20px;background:var(--white);border:1px solid var(--border-lt);border-radius:var(--r);padding:14px 18px;margin-bottom:20px;}
.hs{display:flex;flex-direction:column;gap:1px;}
.hs-n{font-family:var(--f-num);font-size:20px;font-weight:500;color:var(--green);}
.hs-l{font-size:11px;color:var(--text3);}
.hs-sep{width:1px;height:26px;background:var(--border-lt);}
.hero-actions{display:flex;gap:8px;align-items:center;}
.btn-hero{padding:10px 22px;font-size:13px;font-weight:600;font-family:var(--f);background:var(--green);color:#fff;border:none;border-radius:var(--r-sm);cursor:pointer;transition:all .15s;}
.btn-hero:hover{background:#155d32;transform:translateY(-1px);box-shadow:0 4px 12px rgba(27,107,58,.25);}
.btn-hero-out{padding:10px 22px;font-size:13px;font-weight:600;font-family:var(--f);background:transparent;color:var(--green);border:1px solid var(--green);border-radius:var(--r-sm);cursor:pointer;transition:all .15s;}
.btn-hero-out:hover{background:var(--green-light);}
.hero-note{font-size:11px;color:var(--text4);}
.preview-card{background:var(--white);border:1px solid var(--border-lt);border-radius:var(--r);padding:16px;position:relative;overflow:hidden;}
.preview-lbl{font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--green);margin-bottom:10px;}
.preview-q{font-size:12px;color:var(--text2);line-height:1.6;margin-bottom:10px;}
.preview-opt{display:flex;align-items:center;gap:8px;padding:7px 10px;border:1px solid var(--border-lt);border-radius:5px;margin-bottom:5px;font-size:11px;color:var(--text2);}
.preview-blur{position:absolute;bottom:0;left:0;right:0;height:110px;background:linear-gradient(to top,rgba(255,255,255,.98) 50%,transparent);display:flex;align-items:flex-end;justify-content:center;padding-bottom:14px;text-align:center;}
.preview-blur p{font-size:11px;color:var(--text3);margin-bottom:8px;}

/* ALERT */
.alert-strip{background:var(--white);border-bottom:1px solid var(--border-lt);padding:8px 0;}
.alert-inner{max-width:1100px;margin:0 auto;padding:0 24px;display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text2);}
.alert-inner strong{color:var(--green);}

/* SECTION HEADER */
.sec-hd{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:12px;}
.sec-title{font-size:15px;font-weight:600;color:var(--text);}
.sec-sub{font-size:12px;color:var(--text3);margin-top:2px;}
.sec-link{font-size:12px;color:var(--green);font-weight:500;cursor:pointer;}
.sec-link:hover{text-decoration:underline;}

/* STATS */
.stat-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:20px;}
.stat-c{background:var(--white);border:1px solid var(--border-lt);border-radius:var(--r);padding:16px;border-left:3px solid var(--border-lt);}
.stat-c.g{border-left-color:var(--green);}
.stat-c.gold{border-left-color:var(--gold);}
.stat-val{font-family:var(--f-num);font-size:26px;font-weight:500;color:var(--text);line-height:1;margin-bottom:4px;}
.stat-c.g .stat-val{color:var(--green);}
.stat-c.gold .stat-val{color:var(--gold);}
.stat-lbl{font-size:11px;color:var(--text3);}
.stat-note{font-size:11px;color:var(--text4);margin-top:6px;}

/* FILTER */
.filter-bar{background:var(--white);border:1px solid var(--border-lt);border-radius:var(--r);padding:12px 14px;margin-bottom:12px;display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap;}
.fg{display:flex;flex-direction:column;gap:4px;}
.fg-label{font-size:10px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--text3);}
.fg-select{padding:6px 10px;border:1px solid var(--border);border-radius:var(--r-sm);font-family:var(--f);font-size:12px;color:var(--text);background:var(--white);cursor:pointer;outline:none;min-width:120px;}
.fg-select:focus{border-color:var(--green);}
.btn-apply{padding:7px 16px;font-size:12px;font-weight:600;font-family:var(--f);background:var(--green);color:#fff;border:none;border-radius:var(--r-sm);cursor:pointer;margin-left:auto;align-self:flex-end;}

/* PAPER TABLE */
.ptable{background:var(--white);border:1px solid var(--border-lt);border-radius:var(--r);overflow:hidden;margin-bottom:16px;}
.pt-head{display:grid;grid-template-columns:64px 1fr 80px 60px 80px 180px;background:var(--bg);padding:9px 16px;border-bottom:1px solid var(--border-lt);}
.pt-th{font-size:10px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--text3);}
.pt-row{display:grid;grid-template-columns:64px 1fr 80px 60px 80px 180px;padding:12px 16px;border-bottom:1px solid var(--border-lt);align-items:center;transition:background .1s;cursor:pointer;}
.pt-row:last-of-type{border-bottom:none;}
.pt-row:hover{background:var(--green-light);}
.pt-row.locked{opacity:.65;cursor:default;}
.pt-row.locked:hover{background:transparent;}
.pt-year{font-family:var(--f-num);font-size:13px;font-weight:500;color:var(--text);}
.pt-title{font-size:13px;font-weight:500;color:var(--text);}
.pt-desc{font-size:11px;color:var(--text3);margin-top:1px;}
.pt-cell{font-family:var(--f-num);font-size:12px;color:var(--text2);}
.pt-acts{display:flex;gap:5px;justify-content:flex-end;align-items:center;}
.a-pdf{padding:5px 10px;font-size:11px;font-weight:500;font-family:var(--f);border:1px solid var(--border);border-radius:var(--r-sm);background:var(--white);color:var(--text2);cursor:pointer;display:flex;align-items:center;gap:3px;transition:all .12s;}
.a-pdf:hover{border-color:var(--text3);}
.a-memo{padding:5px 10px;font-size:11px;font-weight:500;font-family:var(--f);border:1px solid #D4B483;border-radius:var(--r-sm);background:var(--gold-light);color:#7A5200;cursor:pointer;display:flex;align-items:center;gap:3px;transition:all .12s;}
.a-memo:hover{background:#FAE8B0;}
.a-quiz{padding:5px 10px;font-size:11px;font-weight:600;font-family:var(--f);border:none;border-radius:var(--r-sm);background:var(--green);color:#fff;cursor:pointer;display:flex;align-items:center;gap:3px;transition:all .12s;}
.a-quiz:hover{background:#155d32;}
.lock-lbl{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--text4);}
.badge{display:inline-flex;align-items:center;gap:3px;padding:2px 7px;border-radius:20px;font-size:10px;font-weight:600;}
.badge-green{background:var(--green-badge);color:#1a5c2e;}
.badge-gold{background:var(--gold-light);color:#7A5200;}
.badge-red{background:#FDEAEA;color:var(--red);}
.gate-row{padding:12px 16px;background:#f0fdf4;border-top:1px solid #bbf7d0;display:flex;align-items:center;justify-content:space-between;gap:12px;}
.gate-text{font-size:13px;color:var(--text2);}
.gate-text strong{color:var(--green);}

/* SUBJECTS */
.subj-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:16px;}
.sc{background:var(--white);border:1px solid var(--border-lt);border-radius:var(--r);padding:14px;cursor:pointer;transition:all .15s;border-top:2px solid var(--border-lt);}
.sc:hover{border-top-color:var(--green);transform:translateY(-2px);box-shadow:0 4px 16px rgba(0,0,0,.06);}
.sc-em{font-size:22px;margin-bottom:8px;display:block;}
.sc-name{font-size:12px;font-weight:600;color:var(--text);margin-bottom:2px;}
.sc-meta{font-size:11px;color:var(--text3);margin-bottom:8px;font-family:var(--f-num);}
.sc-bar{height:3px;background:var(--border-lt);border-radius:2px;overflow:hidden;}
.sc-fill{height:100%;border-radius:2px;background:var(--green);}

/* QUIZ */
.quiz-prog-bar{background:var(--green-soft);padding:10px 0;}
.qpb-inner{max-width:1100px;margin:0 auto;padding:0 24px;display:flex;align-items:center;gap:14px;}
.qpb-label{font-size:12px;color:rgba(255,255,255,.75);white-space:nowrap;font-weight:500;}
.qpb-track{flex:1;height:4px;background:rgba(255,255,255,.2);border-radius:2px;overflow:hidden;}
.qpb-fill{height:100%;background:rgba(255,255,255,.7);width:30%;}
.qpb-timer{font-family:var(--f-num);font-size:14px;font-weight:500;color:rgba(255,255,255,.9);}
.bc{background:var(--white);border-bottom:1px solid var(--border-lt);padding:7px 0;}
.bc-inner{max-width:1100px;margin:0 auto;padding:0 24px;display:flex;align-items:center;gap:5px;font-size:12px;color:var(--text3);}
.bc-inner a{color:var(--green);cursor:pointer;}
.bc-sep{color:var(--border);}
.quiz-layout{display:grid;grid-template-columns:1fr 268px;gap:20px;}
.qcard{background:var(--white);border:1px solid var(--border-lt);border-radius:var(--r);padding:20px;margin-bottom:12px;}
.qnum{font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text3);padding-bottom:10px;border-bottom:1px solid var(--border-lt);margin-bottom:12px;}
.qtext{font-size:15px;color:var(--text);line-height:1.7;}
.qimg{background:var(--bg);border-radius:var(--r-sm);height:96px;display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--text3);border:1px dashed var(--border);margin:12px 0;}
.qmarks{font-family:var(--f-num);display:inline-block;font-size:11px;font-weight:500;background:var(--gold-light);color:#7A5200;border:1px solid #D4B483;padding:2px 8px;border-radius:3px;margin-top:4px;}
.opts{display:flex;flex-direction:column;gap:7px;margin-bottom:12px;}
.opt{display:flex;align-items:center;gap:11px;border:1px solid var(--border-lt);border-radius:7px;padding:11px 13px;cursor:pointer;transition:all .12s;}
.opt:hover{border-color:var(--border);background:var(--bg);}
.opt.correct{border-color:var(--green);background:#f0fdf4;}
.opt.sel{border-color:var(--navy);background:#f0f2f8;}
.opt.wrong{border-color:var(--red);background:#fdeaea;}
.opt-l{width:26px;height:26px;border-radius:50%;background:var(--bg);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-family:var(--f-num);font-size:11px;font-weight:500;flex-shrink:0;}
.opt.correct .opt-l{background:var(--green);color:#fff;border-color:var(--green);}
.opt.sel .opt-l{background:var(--navy);color:#fff;border-color:var(--navy);}
.opt.wrong .opt-l{background:var(--red);color:#fff;border-color:var(--red);}
.opt-t{font-size:13px;color:var(--text);}
.memo-box{background:#f0fdf4;border:1px solid #bbf7d0;border-left:3px solid var(--green);border-radius:var(--r-sm);padding:13px 15px;margin-bottom:12px;}
.memo-h{font-size:10px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--green);margin-bottom:6px;}
.memo-t{font-size:13px;color:#166534;line-height:1.7;}
.qdots{display:flex;flex-wrap:wrap;gap:4px;}
.qdot{width:28px;height:28px;border-radius:5px;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-family:var(--f-num);font-size:10px;font-weight:500;cursor:pointer;color:var(--text3);transition:all .12s;}
.qdot.done{background:var(--green);color:#fff;border-color:var(--green);}
.qdot.curr{border-color:var(--green);border-width:1.5px;color:var(--green);}
.qdot.wrong{background:#fdeaea;color:var(--red);border-color:#fca5a5;}
.quiz-gate{background:var(--white);border:1px solid var(--border-lt);border-radius:var(--r);overflow:hidden;margin-bottom:12px;}
.qg-prev{padding:16px;opacity:.35;pointer-events:none;filter:blur(2px);}
.qg-wall{padding:20px;background:var(--bg);border-top:2px solid var(--green);text-align:center;}
.qg-wall h3{font-size:16px;font-weight:600;color:var(--text);margin-bottom:5px;}
.qg-wall p{font-size:13px;color:var(--text3);margin-bottom:14px;line-height:1.6;}
.btn-row{display:flex;gap:8px;justify-content:center;}

/* RESULTS */
.res-layout{display:grid;grid-template-columns:280px 1fr;gap:20px;margin-bottom:20px;}
.score-card{background:var(--white);border:1px solid var(--border-lt);border-radius:var(--r);padding:24px;text-align:center;}
.score-ring{width:120px;height:120px;margin:0 auto 14px;position:relative;}
.score-ring svg{width:100%;height:100%;}
.score-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
.score-pct{font-family:var(--f-num);font-size:30px;font-weight:500;color:var(--green);line-height:1;}
.score-lbl{font-size:10px;color:var(--text3);text-transform:uppercase;letter-spacing:.05em;}
.score-title{font-size:16px;font-weight:600;margin-bottom:3px;}
.score-sub{font-size:12px;color:var(--text3);margin-bottom:16px;}
.score-nums{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:16px;}
.sn{background:var(--bg);border-radius:var(--r-sm);padding:10px;text-align:center;}
.sn-v{font-family:var(--f-num);font-size:20px;font-weight:500;}
.sn-l{font-size:10px;color:var(--text3);}
.weak-row{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--border-lt);}
.weak-row:last-child{border-bottom:none;}
.wdot{width:7px;height:7px;border-radius:50%;flex-shrink:0;}
.wtopic{flex:1;font-size:13px;color:var(--text);}
.wbar-wrap{width:80px;}
.wbar{height:3px;background:var(--border-lt);border-radius:2px;overflow:hidden;}
.wbar-fill{height:100%;border-radius:2px;}
.wpct{font-family:var(--f-num);font-size:12px;font-weight:500;min-width:34px;text-align:right;}

/* DASHBOARD HERO */
.dash-hero{background:linear-gradient(135deg,#1B6B3A 0%,#2A7D4A 100%);padding:28px 0;border-bottom:1px solid var(--border-lt);}
.dh-inner{max-width:1100px;margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;}
.dh-text h2{font-size:22px;font-weight:600;color:#fff;margin-bottom:3px;}
.dh-text p{font-size:13px;color:rgba(255,255,255,.65);margin-bottom:12px;}
.dh-pills{display:flex;gap:14px;}
.dh-pill{display:flex;align-items:center;gap:5px;font-size:12px;color:rgba(255,255,255,.75);}
.dh-pill strong{font-family:var(--f-num);color:rgba(255,255,255,.95);font-weight:500;}
.dh-right{display:flex;flex-direction:column;align-items:flex-end;gap:8px;}
.streak-box{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:var(--r-sm);padding:10px 16px;text-align:center;}
.streak-n{font-family:var(--f-num);font-size:26px;font-weight:500;color:#FFD166;line-height:1;}
.streak-l{font-size:10px;color:rgba(255,255,255,.5);text-transform:uppercase;letter-spacing:.06em;}

/* FOOTER */
.footer{background:var(--white);border-top:1px solid var(--border-lt);padding:32px 0;margin-top:0;}
.footer-inner{max-width:1100px;margin:0 auto;padding:0 24px;}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:32px;margin-bottom:24px;}
.footer-brand{font-size:14px;font-weight:600;display:flex;align-items:center;gap:6px;margin-bottom:6px;color:var(--text);}
.footer-tagline{font-size:12px;color:var(--text3);line-height:1.6;max-width:220px;}
.footer-col h4{font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text3);margin-bottom:10px;}
.footer-link{display:block;font-size:12px;color:var(--text3);margin-bottom:6px;cursor:pointer;}
.footer-link:hover{color:var(--text);}
.footer-bottom{border-top:1px solid var(--border-lt);padding-top:16px;font-size:11px;color:var(--text4);display:flex;justify-content:space-between;}

/* BUTTONS */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:8px 16px;border-radius:var(--r-sm);font-size:13px;font-weight:500;font-family:var(--f);cursor:pointer;border:1px solid var(--border);background:var(--white);color:var(--text);transition:all .15s;}
.btn:hover{background:var(--bg);}
.btn-green{background:var(--green);color:#fff;border-color:var(--green);}
.btn-green:hover{background:#155d32;border-color:#155d32;}
.btn-out{background:transparent;color:var(--green);border-color:var(--green);}
.btn-out:hover{background:var(--green-light);}
.btn-sm{padding:6px 13px;font-size:12px;}