:root{--color-bg:#f5f6f8;--color-surface:#fff;--color-border:#e2e5ea;--color-text:#1c2333;--color-text-muted:#6b7280;--color-primary:#2563eb;--color-primary-hover:#1d4ed8;--color-danger:#dc2626;--color-success:#16a34a;--color-warning:#d97706;--radius:12px;--shadow:0 1px 3px #10182814, 0 1px 2px #1018280a;--shadow-lg:0 4px 12px #1018281a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0;padding:0}body{background:var(--color-bg);color:var(--color-text);font-size:16px;line-height:1.5}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4{margin:0 0 .5em;line-height:1.3}h1{font-size:1.6rem}h2{font-size:1.25rem}p{margin:0 0 .75em}.muted{color:var(--color-text-muted)}.container{max-width:960px;margin:0 auto;padding:24px 16px 64px}.app{min-height:100vh}.navbar{background:var(--color-surface);border-bottom:1px solid var(--color-border);z-index:10;position:sticky;top:0}.navbar__inner{align-items:center;gap:24px;max-width:960px;height:60px;margin:0 auto;padding:0 16px;display:flex}.navbar__brand{color:var(--color-text);font-size:1.2rem;font-weight:700}.navbar__brand:hover{text-decoration:none}.navbar__links{flex:1;gap:4px;display:flex}.navbar__link{color:var(--color-text-muted);border-radius:8px;padding:8px 12px;font-weight:500}.navbar__link:hover{color:var(--color-text);background:var(--color-bg);text-decoration:none}.navbar__link--active{color:var(--color-primary);background:#eff6ff}.navbar__right{align-items:center;gap:10px;display:flex}.navbar__user{color:var(--color-text);align-items:center;gap:8px;font-weight:500;display:flex}.navbar__user:hover{text-decoration:none}@media (width<=768px){.navbar__inner{flex-wrap:wrap;gap:8px 16px;height:auto;padding-top:8px;padding-bottom:8px}.navbar__links{flex:1 0 100%;order:3}.navbar__right{margin-left:auto}}@media (width<=480px){.navbar__user span{display:none}}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow)}.btn{cursor:pointer;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:10px 18px;font-family:inherit;font-size:.95rem;font-weight:500;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.btn:disabled{opacity:.55;cursor:not-allowed}.btn--primary{background:var(--color-primary);color:#fff}.btn--primary:hover:not(:disabled){background:var(--color-primary-hover)}.btn--secondary{background:var(--color-surface);color:var(--color-text);border-color:var(--color-border)}.btn--secondary:hover:not(:disabled){background:var(--color-bg)}.btn--danger{background:var(--color-surface);color:var(--color-danger);border-color:var(--color-border)}.btn--danger:hover:not(:disabled){background:#fef2f2}.btn--ghost{color:var(--color-text-muted);background:0 0}.btn--ghost:hover:not(:disabled){color:var(--color-text);background:var(--color-bg)}.btn--sm{padding:6px 12px;font-size:.875rem}.alert{border-radius:8px;margin-bottom:12px;padding:10px 14px;font-size:.95rem}.alert-error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca}.alert-success{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0}.field{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.field>span{font-size:.9rem;font-weight:500}.field input,.field textarea,.comment-form textarea,.post-form textarea,.step-form input,.goal-form input[type=text],.goal-form textarea,.goal-form input[type=date],.settings-form input,.settings-form textarea,.step-row input{border:1px solid var(--color-border);color:var(--color-text);background:#fff;border-radius:8px;width:100%;padding:10px 12px;font-family:inherit;font-size:.95rem}.field input:focus,.field textarea:focus,.comment-form textarea:focus,.post-form textarea:focus,.step-form input:focus,.goal-form input:focus,.goal-form textarea:focus,.step-row input:focus,.settings-form input:focus,.settings-form textarea:focus{border-color:var(--color-primary);outline:2px solid #bfdbfe}.auth-page{justify-content:center;align-items:center;min-height:100vh;padding:24px 16px;display:flex}.auth-card{width:100%;max-width:420px;padding:32px}.auth-card__title{margin-bottom:20px}.auth-card__links{flex-direction:column;gap:8px;margin-top:16px;font-size:.9rem;display:flex}.radio-group{gap:16px;display:flex}.radio{align-items:center;gap:6px;display:flex}.feed-page{max-width:680px;margin:0 auto}.feed-tabs{gap:8px;margin-bottom:20px;display:flex}.feed-tabs__tab,.filter-tabs__tab{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-muted);cursor:pointer;border-radius:999px;padding:8px 14px;font-family:inherit;font-size:.9rem;font-weight:500}.feed-tabs__tab--active,.filter-tabs__tab--active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.feed{flex-direction:column;gap:16px;display:flex}.feed__more{margin:20px auto 0;display:flex}.post-card{padding:16px 20px}.post-card__header{align-items:center;gap:10px;margin-bottom:10px;display:flex}.post-card__meta{flex-direction:column;flex:1;min-width:0;display:flex}.post-card__author{color:var(--color-text);font-weight:600}.post-card__goal{color:var(--color-text-muted);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:6px;max-width:100%;font-size:.85rem;display:inline-flex;overflow:hidden}.post-card__goal-cover{object-fit:cover;border-radius:4px;flex-shrink:0;width:20px;height:20px}.post-card__time{color:var(--color-text-muted);white-space:nowrap;font-size:.85rem}.post-card__text{white-space:pre-wrap;word-wrap:break-word}.post-card__image{border-radius:8px;max-width:100%;margin:8px 0}.post-card__actions{border-top:1px solid var(--color-border);align-items:center;gap:8px;margin-top:6px;padding-top:10px;display:flex}.like-btn--active{color:var(--color-danger)}.post-card__delete{margin-left:auto}.comments{border-top:1px solid var(--color-border);margin-top:14px;padding-top:12px}.comments__title{margin-bottom:10px;font-size:.95rem}.comments__list{flex-direction:column;gap:12px;margin:0 0 12px;padding:0;list-style:none;display:flex}.comment{gap:10px;display:flex}.comment__content{background:var(--color-bg);border-radius:8px;flex:1;padding:8px 12px}.comment__header{align-items:baseline;gap:8px;display:flex}.comment__author{font-size:.9rem;font-weight:600}.comment__time{color:var(--color-text-muted);font-size:.8rem}.comment__text{white-space:pre-wrap;margin:4px 0 0}.comment__delete{color:var(--color-danger);cursor:pointer;background:0 0;border:none;margin-top:4px;padding:0;font-size:.8rem}.comment-form{flex-direction:column;gap:8px;display:flex}.avatar{object-fit:cover;border-radius:50%;flex-shrink:0;display:inline-block}.avatar--sm{width:32px;height:32px}.avatar--md{width:48px;height:48px}.avatar--lg{width:80px;height:80px}.avatar--placeholder{color:var(--color-primary);background:#dbeafe;justify-content:center;align-items:center;font-weight:600;display:inline-flex}.progress-bar{background:#e5e7eb;border-radius:999px;height:8px;overflow:hidden}.progress-bar__fill{background:var(--color-primary);border-radius:999px;height:100%;transition:width .3s}.goals-page__header,.page__header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.filter-tabs{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.goal-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;display:grid}.goal-card{color:inherit;flex-direction:column;display:flex;overflow:hidden}.goal-card:hover{box-shadow:var(--shadow-lg);text-decoration:none}.goal-card__cover{object-fit:cover;width:100%;height:140px}.goal-card__content{flex-direction:column;flex:1;gap:10px;padding:16px;display:flex}.goal-card__top{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.goal-card__title{margin:0;font-size:1.05rem}.goal-card__badges{flex-shrink:0;align-items:center;gap:6px;display:flex}.goal-card__desc{color:var(--color-text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.9rem;display:-webkit-box;overflow:hidden}.goal-card__stats{color:var(--color-text-muted);justify-content:space-between;margin-top:auto;font-size:.85rem;display:flex}.goal-detail__header{flex-direction:column;gap:12px;margin-bottom:20px;padding:24px;display:flex}.goal-detail__cover{object-fit:cover;border-radius:8px;width:100%;max-height:240px}.goal-detail__head{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.goal-detail__badges{gap:8px;margin-top:6px;display:flex}.goal-detail__actions{flex-shrink:0;gap:8px;display:flex}.goal-detail__description{white-space:pre-wrap}.goal-detail__meta{color:var(--color-text-muted);flex-wrap:wrap;align-items:center;gap:16px;font-size:.9rem;display:flex}.goal-detail__owner{color:var(--color-text);align-items:center;gap:8px;font-weight:500;display:flex}.goal-detail__progress{align-items:center;gap:12px;display:flex}.goal-detail__progress .progress-bar{flex:1}.goal-detail__percent{font-weight:600}.goal-detail__status-actions{flex-wrap:wrap;gap:8px;display:flex}.goal-detail__columns{grid-template-columns:1fr 1.4fr;align-items:start;gap:20px;display:grid}@media (width<=760px){.goal-detail__columns{grid-template-columns:1fr}}.goal-detail__steps{padding:20px}.steps-list{flex-direction:column;gap:8px;margin:0 0 16px;padding:0;list-style:none;display:flex}.step{border:1px solid var(--color-border);border-radius:8px;flex-wrap:wrap;align-items:center;gap:10px;padding:10px 12px;display:flex}.step--done .step__title{color:var(--color-text-muted);text-decoration:line-through}.step__check{cursor:pointer;flex:1;align-items:center;gap:8px;min-width:0;display:flex}.step__check input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-primary);flex-shrink:0}.step__title{word-break:break-word}.step__description{color:var(--color-text-muted);word-break:break-word;flex:100%;margin:0;font-size:.9rem}.step__deadline{color:var(--color-text-muted);white-space:nowrap;font-size:.85rem}.step__delete{color:var(--color-danger);cursor:pointer;background:0 0;border:none;padding:4px;font-size:.85rem}.step-form{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.step-form input[type=text]{flex:100%}.goal-detail__posts{flex-direction:column;gap:16px;display:flex}.goal-detail__posts h2,.goal-detail__steps h2{margin-bottom:12px}.post-form{flex-direction:column;gap:8px;margin-bottom:4px;display:flex}.post-form .btn{align-self:flex-end}.goal-form{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);max-width:680px;box-shadow:var(--shadow);padding:24px}.goal-form__row{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (width<=520px){.goal-form__row{grid-template-columns:1fr}.radio-group{flex-wrap:wrap}}.goal-form__steps{margin-bottom:16px}.goal-form__steps-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.step-row{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px;display:flex}.step-row input[type=text]{flex:100%;width:100%}.goal-form__cover{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.goal-form__cover-preview{object-fit:cover;border:1px solid var(--color-border);border-radius:8px;max-width:160px;max-height:120px}.profile-header{align-items:center;gap:24px;margin-bottom:24px;padding:24px;display:flex}.profile-header__info{flex:1}.profile-header__bio{color:var(--color-text-muted)}.profile-header__meta{color:var(--color-text-muted);flex-wrap:wrap;gap:16px;font-size:.9rem;display:flex}.profile-page__goals-title{margin-bottom:16px}.settings-card{flex-direction:column;gap:20px;max-width:680px;padding:24px;display:flex}.settings-avatar{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.settings-form{flex-direction:column;display:flex}.notifications-list{flex-direction:column;gap:8px;max-width:680px;margin:0;padding:0;list-style:none;display:flex}.notification{background:var(--color-surface);border:1px solid var(--color-border);cursor:pointer;border-radius:8px;padding:12px 16px}.notification--unread{border-left:4px solid var(--color-primary);background:#eff6ff}.notification__body{color:var(--color-text);display:block}.notification__body:hover{text-decoration:none}.notification__body p{margin:0 0 4px}.notification__time{color:var(--color-text-muted);font-size:.85rem}.badge{border-radius:999px;padding:3px 10px;font-size:.8rem;font-weight:500;display:inline-block}.badge--active{color:var(--color-primary);background:#eff6ff}.badge--achieved{color:var(--color-success);background:#f0fdf4}.badge--failed{color:var(--color-danger);background:#fef2f2}.badge--archived{color:var(--color-text-muted);background:#f3f4f6}.visibility-label{color:var(--color-text-muted);font-size:.8rem}.spinner{justify-content:center;align-items:center;display:inline-flex}.spinner span{border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;width:22px;height:22px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.page-loader{justify-content:center;padding:60px 0;display:flex}.visibility-label{font-size:.8rem;font-style:italic}.btn--lg{border-radius:10px;padding:14px 28px;font-size:1.05rem}.landing{max-width:960px;margin:0 auto;padding:24px 16px 64px}.landing__hero{grid-template-columns:1.1fr .9fr;align-items:center;gap:40px;padding:48px 0 56px;display:grid}.landing__badge{color:var(--color-primary);background:#eff6ff;border-radius:999px;margin-bottom:16px;padding:4px 12px;font-size:.85rem;font-weight:600;display:inline-block}.landing__title{margin-bottom:16px;font-size:2.4rem;line-height:1.15}.landing__subtitle{color:var(--color-text-muted);max-width:460px;margin-bottom:24px;font-size:1.15rem}.landing__cta{flex-wrap:wrap;gap:12px;display:flex}.landing__hint{color:var(--color-text-muted);margin-top:12px;font-size:.9rem}.landing__mock-card{box-shadow:var(--shadow-lg);padding:20px}.landing__mock-top{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.landing__mock-label{color:var(--color-text-muted);font-size:.8rem}.landing__mock-title{margin-bottom:16px}.landing__mock-progress{align-items:center;gap:12px;margin-bottom:16px;display:flex}.landing__mock-progress .progress-bar{flex:1}.landing__mock-progress>span{color:var(--color-primary);font-size:.9rem;font-weight:600}.landing__mock-steps{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.landing__mock-step{border:1px solid var(--color-border);background:#fff;border-radius:8px;align-items:center;gap:8px;padding:8px 12px;font-size:.92rem;display:flex}.landing__mock-step:before{content:"";border:2px solid var(--color-border);border-radius:4px;flex-shrink:0;width:16px;height:16px}.landing__mock-step--done{color:var(--color-text-muted)}.landing__mock-step--done:before{background:var(--color-success);border-color:var(--color-success);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M4 8l3 3 5-6' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.landing__section{padding:40px 0}.landing__section-title{text-align:center;margin-bottom:8px;font-size:1.8rem}.landing__section-sub{text-align:center;color:var(--color-text-muted);margin-bottom:28px}.landing__steps{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.landing__step{padding:20px}.landing__step-num{width:36px;height:36px;color:var(--color-primary);background:#eff6ff;border-radius:50%;justify-content:center;align-items:center;margin-bottom:12px;font-weight:700;display:inline-flex}.landing__features{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.landing__feature{padding:20px}.landing__feature h3{margin-bottom:8px;font-size:1.05rem}.landing__feature p{color:var(--color-text-muted);margin:0;font-size:.95rem}.landing__final{text-align:center;border-radius:var(--radius);background:#eff6ff;border:1px solid #dbeafe;margin:40px 0;padding:48px 24px}.landing__final-title{margin-bottom:8px;font-size:1.8rem}.landing__final-sub{color:var(--color-text-muted);margin-bottom:24px}.landing__footer{border-top:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:16px;padding-top:24px;font-size:.9rem;display:flex}.landing__footer-brand{font-weight:700}@media (width<=768px){.landing__hero{grid-template-columns:1fr;gap:28px;padding:24px 0 32px}.landing__title{font-size:1.9rem}.landing__steps,.landing__features{grid-template-columns:1fr}}.legal-page{max-width:720px;margin:0 auto}.legal-page h1{margin-bottom:4px}.legal-page>.muted{margin-bottom:24px}.legal-page section{margin-bottom:28px}.legal-page h2{margin-bottom:8px;font-size:1.15rem}.legal-page ul{margin:8px 0;padding-left:20px}.legal-page li{margin-bottom:8px}.checkbox-field{flex-direction:row;align-items:flex-start;gap:10px}.checkbox-field input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-primary);flex-shrink:0;margin-top:2px}.checkbox-field span{font-size:.9rem;font-weight:400;line-height:1.4}.cookie-consent-overlay{z-index:100;background:#10182880;display:none;position:fixed;inset:0}.cookie-consent-overlay.active{display:block}.cookie-consent{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);width:min(560px,100vw - 32px);max-height:calc(100vh - 32px);box-shadow:var(--shadow-lg);z-index:101;display:none;position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%)}.cookie-consent.active{display:block}.cookie-consent-inner{padding:24px}.cookie-consent-title{margin-bottom:12px;font-size:1.25rem;font-weight:700}.cookie-consent-text{color:var(--color-text);margin-bottom:16px;font-size:.95rem}.cookie-consent-actions{flex-wrap:wrap;gap:10px;display:flex}.cookie-consent-btn{cursor:pointer;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:10px 18px;font-family:inherit;font-size:.95rem;font-weight:500;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.cookie-consent-btn-primary{background:var(--color-primary);color:#fff}.cookie-consent-btn-primary:hover{background:var(--color-primary-hover)}.cookie-consent-btn-secondary{background:var(--color-surface);color:var(--color-text);border-color:var(--color-border)}.cookie-consent-btn-secondary:hover{background:var(--color-bg)}.cookie-consent-btn-link{color:var(--color-primary);background:0 0}.cookie-consent-btn-link:hover{background:var(--color-bg)}.cookie-consent-details{border-top:1px solid var(--color-border);margin-top:20px;padding-top:16px}.cookie-consent-category{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:16px;padding:12px 0;display:flex}.cookie-consent-category:last-of-type{border-bottom:none}.cookie-consent-category-info{flex:1}.cookie-consent-category-title{margin-bottom:4px;font-weight:600}.cookie-consent-category-desc{color:var(--color-text-muted);margin:0;font-size:.875rem}.cookie-consent-toggle{flex-shrink:0;position:relative}.cookie-consent-toggle input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute}.cookie-consent-toggle .toggle-slider{background:var(--color-border);border-radius:999px;width:46px;height:26px;transition:background .2s;display:block;position:relative}.cookie-consent-toggle .toggle-slider:after{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 2px #10182833}.cookie-consent-toggle input:checked+.toggle-slider{background:var(--color-primary)}.cookie-consent-toggle input:checked+.toggle-slider:after{transform:translate(20px)}.cookie-consent-toggle input:disabled+.toggle-slider{opacity:.6;cursor:not-allowed}@media (width<=480px){.cookie-consent-inner{padding:18px}}.badge--group{color:#7c3aed;background:#f5f3ff}.goal-detail__members{margin-bottom:16px;padding:20px}.goal-detail__members h2{margin-bottom:12px}.members-list{flex-direction:column;gap:8px;margin:0 0 16px;padding:0;list-style:none;display:flex}.member{border:1px solid var(--color-border);border-radius:8px;flex-wrap:wrap;align-items:center;gap:10px;padding:8px 12px;display:flex}.member__user{color:inherit;align-items:center;gap:8px;min-width:0;text-decoration:none;display:flex}.member__name{font-weight:500}.member__role{color:var(--color-text-muted);margin-left:auto;font-size:.85rem}.member__actions{gap:6px;display:flex}.member-invite{gap:8px;display:flex}.member-invite input{flex:1}.step__assignee{border:1px solid var(--color-border);background:var(--color-surface);border-radius:6px;padding:4px 6px;font-size:.85rem}.step__done-by{color:var(--color-success);flex:100%;font-size:.8rem}.step-form select{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);padding:8px 10px}.chip-input{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);flex-wrap:wrap;align-items:center;gap:6px;padding:8px 10px;display:flex}.chip-input input{background:0 0;border:none;outline:none;flex:1;min-width:160px;padding:2px}.chip{color:var(--color-primary);background:#eff6ff;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:.85rem;display:inline-flex}.chip__remove{color:inherit;cursor:pointer;background:0 0;border:none;padding:0;font-size:1rem;line-height:1}.plan-card{flex-direction:column;gap:16px;max-width:520px;padding:24px;display:flex}.plan-card--pro{border-color:#7c3aed}.plan-card__status{color:var(--color-text-muted);margin:0 0 8px}.plan-card__features{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.plan-card__features li:before{content:"•";margin-right:8px}.plan-card__feature-locked{color:var(--color-text-muted)}.plan-card__feature-active{color:var(--color-success);font-weight:500}.input,.select{font:inherit;color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;min-width:0;padding:8px 12px}.input:focus,.select:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #2563eb1f}.input--sm{width:90px;padding:5px 8px}.admin{align-items:flex-start;gap:24px;display:flex}.admin-sidebar{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow);flex:0 0 200px;padding:16px 12px;position:sticky;top:80px}.admin-sidebar__title{text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);border-bottom:1px solid var(--color-border);margin-bottom:8px;padding:0 8px 12px;font-size:.85rem;font-weight:600}.admin-sidebar__nav{flex-direction:column;gap:2px;display:flex}.admin-sidebar__link{color:var(--color-text);border-radius:8px;padding:8px 10px;font-weight:500;text-decoration:none}.admin-sidebar__link:hover{background:var(--color-bg)}.admin-sidebar__link--active{color:var(--color-primary);background:#eff6ff}.admin-content{flex:1;min-width:0}.admin-page h1{margin-top:0}.admin-stats{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin-bottom:20px;display:grid}.admin-stat{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text);box-shadow:var(--shadow);flex-direction:column;gap:4px;padding:14px 16px;text-decoration:none;transition:border-color .15s,transform .15s;display:flex}.admin-stat:hover{border-color:var(--color-primary);transform:translateY(-1px)}.admin-stat__value{color:var(--color-primary);font-size:1.6rem;font-weight:700}.admin-stat__label{color:var(--color-text-muted);font-size:.85rem}.admin-cols{grid-template-columns:1fr 1fr;gap:20px;display:grid}@media (width<=900px){.admin{flex-direction:column}.admin-sidebar{flex:none;width:100%;position:static}.admin-sidebar__nav{flex-flow:wrap}.admin-cols{grid-template-columns:1fr}}.admin-list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.admin-list__item{border-bottom:1px solid var(--color-border);align-items:center;gap:10px;padding:8px 0;font-size:.9rem;display:flex}.admin-list__item:last-child{border-bottom:none}.admin-filters{flex-wrap:wrap;gap:10px;margin-bottom:16px;display:flex}.admin-filters .input,.admin-filters .select{flex:1;min-width:160px}.admin-table-wrap{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow);overflow-x:auto}.admin-table{border-collapse:collapse;width:100%;font-size:.9rem}.admin-table th,.admin-table td{text-align:left;border-bottom:1px solid var(--color-border);vertical-align:middle;padding:10px 14px}.admin-table th{text-transform:uppercase;letter-spacing:.03em;color:var(--color-text-muted);background:#fafbfc;font-size:.78rem}.admin-table tbody tr:last-child td{border-bottom:none}.admin-table tbody tr:hover{background:#fafbfc}.admin-table__row--muted{opacity:.6}.admin-table__sub{font-size:.8rem}.admin-table__features{overflow-wrap:anywhere;max-width:260px}.admin-table__actions{text-align:right;white-space:nowrap}.admin-table__actions .btn{margin-left:6px}.admin-comment-text{overflow-wrap:anywhere;max-width:420px}.badge--sm{padding:2px 8px;font-size:.72rem}.badge--danger{color:var(--color-danger);background:#fef2f2}.badge--success{color:var(--color-success);background:#f0fdf4}.badge--pro{color:var(--color-warning);background:#fff7ed}.badge--expired{color:var(--color-text-muted);background:#f3f4f6}.badge--canceled{color:var(--color-danger);background:#fef2f2}.admin-user-meta{flex-direction:column;gap:6px;font-size:.95rem;display:flex}.admin-actions{gap:8px;margin-top:14px;display:flex}.admin-inline-form{flex-wrap:wrap;gap:10px;margin-top:8px;display:flex}.admin-form{flex-direction:column;gap:12px;display:flex}.admin-form label{color:var(--color-text-muted);flex-direction:column;gap:4px;font-size:.85rem;font-weight:500;display:flex}.admin-form__row{flex-wrap:wrap;gap:12px;display:flex}.admin-form__row label{flex:1;min-width:130px}.admin-check{align-items:center;color:var(--color-text)!important;flex-direction:row!important;gap:8px!important}.admin-check input{width:auto}.admin .card{padding:20px}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:48px 20px;display:flex}.empty-state--sm{gap:6px;padding:24px 16px}.empty-state__icon{border:2px dashed var(--color-border);border-radius:50%;width:40px;height:40px;position:relative}.empty-state__icon:before{content:"";background:var(--color-border);border-radius:2px;width:14px;height:2px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.empty-state--sm .empty-state__icon{width:30px;height:30px}.empty-state--sm .empty-state__icon:before{width:11px}.empty-state__title{color:var(--color-text);margin:0;font-weight:600}.empty-state__hint{color:var(--color-text-muted);margin:0;font-size:.85rem}.pagination{justify-content:center;gap:6px;margin-top:16px;display:flex}.pagination__link{border:1px solid var(--color-border);background:var(--color-surface);min-width:34px;height:34px;color:var(--color-text);cursor:pointer;font:inherit;border-radius:8px;padding:0 8px}.pagination__link:hover{border-color:var(--color-primary)}.pagination__link--active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}