@import"https://fonts.googleapis.com/css2?family=League+Spartan:wght@400;500;700&display=swap";.navbar{position:fixed;left:0;top:0;bottom:0;width:var(--nav-w);background:#373b53;display:flex;flex-direction:column;align-items:center;justify-content:space-between;z-index:100;border-radius:0 var(--radius-xl) var(--radius-xl) 0;overflow:hidden;transition:background var(--tr)}[data-theme=dark] .navbar{background:#1e2139}.navbar__logo{width:var(--nav-w);height:var(--nav-w);background:#7c5dfa;display:flex;align-items:center;justify-content:center;border-radius:0 var(--radius-xl) var(--radius-xl) 0;position:relative;overflow:hidden;flex-shrink:0;cursor:default}.navbar__logo:after{content:"";position:absolute;bottom:0;left:0;right:0;height:50%;background:#9277ff;border-radius:var(--radius-xl) 0 0 0}.navbar__logo svg{position:relative;z-index:1}.navbar__controls{display:flex;flex-direction:column;align-items:center;width:100%}.navbar__theme-btn{width:var(--nav-w);height:56px;border:none;background:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#858bb2;transition:color var(--tr);flex-shrink:0}.navbar__theme-btn:hover{color:#dfe3fa}.navbar__divider{width:100%;height:1px;background:#494e6e}.navbar__avatar-wrap{width:var(--nav-w);height:72px;display:flex;align-items:center;justify-content:center}.navbar__avatar{width:32px;height:32px;border-radius:50%;border:2px solid #828FA3;object-fit:cover;cursor:pointer;transition:border-color var(--tr)}.navbar__avatar:hover{border-color:#dfe3fa}@media(max-width:768px){.navbar{position:fixed;width:100%;height:var(--nav-h);top:0;left:0;bottom:auto;flex-direction:row;border-radius:0}.navbar__logo{width:var(--nav-h);height:var(--nav-h);border-radius:0 var(--radius-xl) var(--radius-xl) 0;flex-shrink:0}.navbar__controls{flex-direction:row;align-items:center;width:auto;margin-left:auto}.navbar__theme-btn{width:56px;height:var(--nav-h)}.navbar__divider{width:1px;height:var(--nav-h)}.navbar__avatar-wrap{width:72px;height:var(--nav-h)}}.status-badge{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:104px;height:40px;padding:0 18px;border-radius:6px;font-size:12px;font-weight:700;letter-spacing:-.25px}.status-badge__dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.status-badge--paid{background:var(--badge-paid-bg);color:var(--color-success)}.status-badge--paid .status-badge__dot{background:var(--color-success)}.status-badge--pending{background:var(--badge-pending-bg);color:var(--color-warning)}.status-badge--pending .status-badge__dot{background:var(--color-warning)}.status-badge--draft{background:var(--badge-draft-bg);color:var(--badge-draft-color)}.status-badge--draft .status-badge__dot{background:var(--badge-draft-color)}.invoice-card-wrapper{list-style:none;animation:staggerUp .35s ease both}.invoice-card{display:grid;grid-template-columns:100px 1fr 1fr 140px 104px 7px;align-items:center;gap:20px;background:var(--surface);border-radius:var(--radius-lg);padding:0 32px;height:72px;width:100%;border:1px solid transparent;box-shadow:var(--shadow);cursor:pointer;font-family:var(--font);color:var(--txt);text-align:left;transition:border-color var(--tr),box-shadow var(--tr),transform var(--tr)}.invoice-card:hover{border-color:#7c5dfa;transform:translateY(-1px)}.invoice-card:active{transform:translateY(0)}.invoice-card__id{font-size:12px;font-weight:700;letter-spacing:-.25px}.invoice-card__id-hash{color:#7e88c3}.invoice-card__due{font-size:12px;font-weight:500;color:var(--txt-muted);letter-spacing:-.23px}.invoice-card__client{font-size:12px;font-weight:500;color:var(--txt-muted);text-align:right;letter-spacing:-.23px}.invoice-card__amount{font-size:16px;font-weight:700;letter-spacing:-.8px;text-align:right}.invoice-card__badge{display:flex;justify-content:center}.invoice-card__arrow{color:#7c5dfa}@media(max-width:768px){.invoice-card{grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto;height:auto;gap:10px 8px;padding:24px}.invoice-card__id{grid-column:1;grid-row:1}.invoice-card__client{grid-column:2;grid-row:1;text-align:right}.invoice-card__due{grid-column:1;grid-row:2}.invoice-card__amount{grid-column:1;grid-row:3;text-align:left;font-size:15px}.invoice-card__badge{grid-column:2;grid-row:3;justify-content:flex-end;align-items:center}.invoice-card__arrow{display:none}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.filter-dropdown{position:relative}.filter-dropdown__trigger{display:flex;align-items:center;gap:12px;background:none;border:none;cursor:pointer;font-family:var(--font);font-size:12px;font-weight:700;letter-spacing:-.25px;color:var(--txt);padding:6px 2px;transition:color var(--tr)}.filter-dropdown__trigger:hover{color:var(--txt-mid)}.filter-dropdown__chevron{color:#7c5dfa;transition:transform var(--tr);flex-shrink:0}.filter-dropdown__chevron--open{transform:rotate(180deg)}.filter-dropdown__menu{position:absolute;top:calc(100% + 22px);left:50%;transform:translate(-50%);list-style:none;background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:24px;min-width:192px;z-index:200;animation:fadeDown .15s ease}.filter-dropdown__option{display:flex;align-items:center;gap:13px;cursor:pointer;font-size:12px;font-weight:700;letter-spacing:-.25px;color:var(--txt);-webkit-user-select:none;user-select:none;padding:4px 0}.filter-dropdown__menu li+li{margin-top:16px}.filter-dropdown__option:hover .filter-dropdown__checkbox{border-color:#7c5dfa}.filter-dropdown__checkbox{width:16px;height:16px;border-radius:2px;border:1px solid var(--border);background:var(--surface2);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all var(--tr)}.filter-dropdown__checkbox--checked{background:#7c5dfa;border-color:#7c5dfa}.empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;padding:80px 0 40px;gap:40px;animation:fadeIn .4s ease}.empty-state__illustration{width:242px;max-width:80vw;object-fit:contain}.empty-state__title{font-size:20px;font-weight:700;letter-spacing:-.63px;color:var(--txt);margin-bottom:16px}.empty-state__body{font-size:13px;font-weight:500;color:var(--txt-muted);line-height:1.6;max-width:220px;letter-spacing:-.1px}.empty-state__body strong{font-weight:700;color:var(--txt)}.invoice-list__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:65px;gap:16px}.invoice-list__title{font-size:32px;font-weight:700;letter-spacing:-1px;color:var(--txt)}.invoice-list__count{font-size:13px;font-weight:500;color:var(--txt-muted);margin-top:8px;letter-spacing:-.1px}.invoice-list__controls{display:flex;align-items:center;gap:40px}.invoice-list__new-icon{width:32px;height:32px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.invoice-list__list{display:flex;flex-direction:column;gap:16px;list-style:none;padding:0}svg{color:#7c5dfa}@media(max-width:768px){.invoice-list__header{margin-bottom:36px}.invoice-list__title{font-size:20px}.invoice-list__count{font-size:12px;margin-top:6px}.invoice-list__controls{gap:18px}}.delete-modal__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:500;display:flex;align-items:center;justify-content:center;padding:16px;animation:fadeIn .2s ease}.delete-modal__box{background:var(--surface);border-radius:var(--radius-lg);padding:48px;max-width:480px;width:100%;box-shadow:var(--shadow-lg);animation:popIn .25s ease}.delete-modal__title{font-size:24px;font-weight:700;letter-spacing:-.5px;color:var(--txt);margin-bottom:14px}.delete-modal__body{font-size:13px;font-weight:500;color:var(--txt-muted);line-height:1.6;letter-spacing:-.1px}.delete-modal__actions{display:flex;gap:8px;justify-content:flex-end;margin-top:22px}@media(max-width:480px){.delete-modal__box{padding:32px 24px}}.invoice-form__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:300;animation:fadeIn .25s ease}.invoice-form__panel{position:fixed;top:0;left:var(--nav-w);bottom:0;width:min(616px,calc(100vw - var(--nav-w)));background:var(--bg);z-index:301;border-radius:0 var(--radius-xl) var(--radius-xl) 0;overflow-y:auto;animation:slideInLeft .38s cubic-bezier(.16,1,.3,1)}.invoice-form__content{padding:56px 56px 64px}.invoice-form__title{font-size:24px;font-weight:700;letter-spacing:-.5px;color:var(--txt);margin-bottom:46px}.invoice-form__title-hash{color:#7e88c3}.invoice-form__fieldset{border:none;padding:0;margin:0}.invoice-form__fieldset+.invoice-form__fieldset{margin-top:40px}.invoice-form__section-label{display:block;font-size:12px;font-weight:700;letter-spacing:-.25px;color:#7c5dfa;margin-bottom:24px}.invoice-form__grid{display:grid;gap:24px}.invoice-form__grid--2col{grid-template-columns:1fr 1fr}.invoice-form__grid--3col{grid-template-columns:1fr 1fr 1fr}.invoice-form__field--full{grid-column:1 / -1}.invoice-form__field{display:flex;flex-direction:column;gap:10px}.invoice-form__label{display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:500;color:#7e88c3;letter-spacing:-.1px}.invoice-form__label--error{color:#ec5757}.invoice-form__err-note{font-size:10px;font-weight:600;color:#ec5757}.invoice-form__input{height:48px;padding:0 20px;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);color:var(--txt);font-family:var(--font);font-size:12px;font-weight:700;letter-spacing:-.25px;outline:none;width:100%;transition:border-color var(--tr);-moz-appearance:none;appearance:none;-webkit-appearance:none}.invoice-form__input:focus{border-color:#7c5dfa}.invoice-form__input--error{border-color:#ec5757}.invoice-form__input::placeholder{color:#888eb0;font-weight:400}[data-theme=dark] .invoice-form__input{background:#252945;border-color:#252945;color:#fff}[data-theme=dark] .invoice-form__input:focus{border-color:#7c5dfa}[data-theme=dark] .invoice-form__input--error{border-color:#ec5757}.invoice-form__input-icon-wrap{position:relative}.invoice-form__input-icon-wrap .invoice-form__input{padding-right:44px}.invoice-form__input-icon{position:absolute;right:16px;top:50%;transform:translateY(-50%);pointer-events:none;display:flex;align-items:center}.invoice-form__input--date{cursor:pointer}.invoice-form__input--date::-webkit-calendar-picker-indicator{opacity:0;cursor:pointer;position:absolute;right:0;top:0;width:48px;height:100%}.invoice-form__input:hover,[data-theme=dark] .invoice-form__input:hover{border-color:#7c5dfa}.invoice-form__input--error:hover{border-color:#ec5757}.invoice-form__select{cursor:pointer}.invoice-form__input-icon--select{pointer-events:none}.invoice-form__select{-moz-appearance:none;appearance:none;-webkit-appearance:none;cursor:pointer;transition:all var(--tr)}.invoice-form__select{height:48px;padding:0 20px;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);font-weight:700;cursor:pointer;transition:all var(--tr)}.invoice-form__select:hover{border-color:#7c5dfa;box-shadow:0 0 0 2px #7c5dfa14}.invoice-form__items-title{font-size:18px;font-weight:700;letter-spacing:-.38px;color:#777f98;margin:56px 0 16px}.invoice-form__item-cols{display:grid;grid-template-columns:1fr 64px 100px auto 20px;gap:16px;margin-bottom:8px;font-size:13px;font-weight:500;color:#7e88c3;letter-spacing:-.1px}.invoice-form__item-cols span:nth-child(2),.invoice-form__item-cols span:nth-child(3){text-align:center}.invoice-form__item-cols span:nth-child(4){text-align:right;min-width:70px}.invoice-form__item-row{display:grid;grid-template-columns:1fr 64px 100px auto 20px;gap:16px;align-items:center;margin-bottom:18px;animation:slideUpFade .25s ease}.invoice-form__item-total{font-size:12px;font-weight:700;color:#888eb0;text-align:right;white-space:nowrap;min-width:70px}.invoice-form__item-delete{background:none;border:none;cursor:pointer;color:#888eb0;width:20px;height:48px;display:flex;align-items:center;justify-content:center;flex-shrink:0;padding:0;transition:color var(--tr)}.invoice-form__item-delete:hover{color:#ec5757}.invoice-form__items-error{font-size:10px;font-weight:600;color:#ec5757;margin-top:4px}.date-field{position:relative;width:100%}.date-field__trigger{width:100%;height:48px;padding:0 20px;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);color:var(--txt);font-family:var(--font);font-size:12px;font-weight:700;letter-spacing:-.25px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:border-color .2s ease;text-align:left}.date-field__trigger:hover,.date-field__trigger--open{border-color:#7c5dfa}.date-field__trigger:focus{outline:none;border-color:#7c5dfa}[data-theme=dark] .date-field__trigger{background:#252945;border-color:#252945;color:#fff}[data-theme=dark] .date-field__trigger:hover,[data-theme=dark] .date-field__trigger--open{border-color:#7c5dfa}.date-field__text{flex:1}.date-field__icon{display:flex;align-items:center;flex-shrink:0}.date-field__calendar{position:absolute;top:calc(100% + 8px);left:0;z-index:400;background:var(--surface);border-radius:8px;box-shadow:0 10px 40px -4px #48549f40;padding:24px;width:260px;animation:fadeDown .15s ease}[data-theme=dark] .date-field__calendar{background:#1e2139;box-shadow:0 10px 40px -4px #00000080}.cal__nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.cal__month-label{font-size:12px;font-weight:700;letter-spacing:-.25px;color:var(--txt)}.cal__nav-btn{width:28px;height:28px;border:none;background:none;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .15s ease;padding:0}.cal__nav-btn:hover{background:#7c5dfa1a}.cal__grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.cal__day-name{font-size:10px;font-weight:700;letter-spacing:-.15px;color:#888eb0;text-align:center;padding:4px 0 10px}.cal__day{aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center;font-family:var(--font);font-size:12px;font-weight:700;letter-spacing:-.25px;color:var(--txt);border:none;background:none;border-radius:50%;cursor:pointer;transition:background .15s ease,color .15s ease;padding:0}.cal__day:hover:not(.cal__day--other):not(.cal__day--selected){background:#7c5dfa1a;color:#7c5dfa}.cal__day--other{color:#888eb0;opacity:.4;cursor:default}.cal__day--today{color:#7c5dfa}.cal__day--selected{background:#7c5dfa;color:#fff}.cal__day--selected:hover{background:#9277ff;color:#fff}.custom-terms{position:relative;width:100%}.custom-terms__trigger{width:100%;height:48px;padding:0 20px;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);color:var(--txt);font-family:var(--font);font-size:12px;font-weight:700;letter-spacing:-.25px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:border-color .2s ease;text-align:left}.custom-terms__trigger:hover{border-color:#7c5dfa}.custom-terms__trigger:focus{outline:none;border-color:#7c5dfa}[data-theme=dark] .custom-terms__trigger{background:#252945;border-color:#252945;color:#fff}[data-theme=dark] .custom-terms__trigger:hover{border-color:#7c5dfa}.custom-terms__list{position:absolute;top:calc(100% + 8px);left:0;right:0;background:var(--surface);border-radius:var(--radius-lg);box-shadow:0 10px 36px -2px #48549f38;z-index:400;list-style:none;padding:0;overflow:hidden;animation:fadeDown .15s ease}[data-theme=dark] .custom-terms__list{background:#1e2139;box-shadow:0 10px 36px -2px #00000073}.custom-terms__option{padding:16px 20px;font-family:var(--font);font-size:12px;font-weight:700;letter-spacing:-.25px;color:var(--txt);cursor:pointer;border-bottom:1px solid var(--border);transition:color .15s ease}.custom-terms__option:last-child{border-bottom:none}.custom-terms__option:hover,.custom-terms__option--selected{color:#7c5dfa}.invoice-form__add-item-btn{display:flex;align-items:center;justify-content:center;width:100%;height:48px;border-radius:24px;border:none;cursor:pointer;font-family:var(--font);font-size:12px;font-weight:700;letter-spacing:-.25px;background:#f9fafe;color:#7e88c3;margin-top:8px;transition:background var(--tr),color var(--tr)}[data-theme=dark] .invoice-form__add-item-btn{background:#252945;color:#dfe3fa}.invoice-form__add-item-btn:hover{background:#dfe3fa;color:#0c0e16}[data-theme=dark] .invoice-form__add-item-btn:hover{background:#dfe3fa;color:#1e2139}.invoice-form__actions{display:flex;align-items:center;gap:7px;margin-top:32px;padding-bottom:16px}.invoice-form__spacer{flex:1}.invoice-form__global-errors{margin-bottom:24px}.invoice-form__global-error{font-size:10px;font-weight:600;color:#ec5757;display:block;margin-bottom:4px}@media(max-width:768px){.invoice-form__panel{top:var(--nav-h);left:0;width:100vw;border-radius:0}.invoice-form__content{padding:40px 24px 64px}.invoice-form__grid--2col{grid-template-columns:1fr}.invoice-form__grid--3col{grid-template-columns:1fr 1fr}.invoice-form__item-cols,.invoice-form__item-row{grid-template-columns:1fr 48px 80px auto 20px}}@media(max-width:480px){.invoice-form__item-cols{display:none}.invoice-form__item-row{grid-template-columns:1fr;gap:8px}.invoice-form__item-total{text-align:left}.invoice-form__item-delete{height:auto;padding:8px 0}.invoice-form__actions .btn{font-size:11px;padding:0 16px}}.invoice-detail{animation:slideUpFade .35s ease}.invoice-detail__back-btn{display:inline-flex;align-items:center;gap:23px;background:none;border:none;cursor:pointer;font-family:var(--font);font-size:12px;font-weight:700;letter-spacing:-.25px;color:var(--txt);padding:0;margin-bottom:32px;transition:color var(--tr)}.invoice-detail__back-btn:hover{color:#888eb0}.invoice-detail__status-bar{display:flex;align-items:center;justify-content:space-between;background:var(--surface);border-radius:var(--radius-lg);padding:20px 32px;box-shadow:var(--shadow);margin-bottom:24px}.invoice-detail__status-left{display:flex;align-items:center;gap:16px;font-size:13px;font-weight:500;color:var(--txt-muted)}.invoice-detail__status-label{letter-spacing:-.1px}.invoice-detail__actions{display:flex;align-items:center;gap:8px}.invoice-detail__actions--mobile{display:none;position:fixed;bottom:0;left:0;right:0;background:var(--surface);padding:20px 24px;box-shadow:0 -4px 20px #00000014;z-index:50;transition:background var(--tr)}.invoice-detail__card{background:var(--surface);border-radius:var(--radius-lg);padding:48px;box-shadow:var(--shadow);animation:slideUpFade .4s ease .05s both}.invoice-detail__row1{display:grid;grid-template-columns:1fr 1fr;align-items:start;margin-bottom:40px}.invoice-detail__inv-id{font-size:16px;font-weight:700;letter-spacing:-.8px;color:var(--txt)}.invoice-detail__inv-id-hash{color:#7e88c3}.invoice-detail__inv-desc{font-size:12px;font-weight:500;color:#7e88c3;margin-top:6px;letter-spacing:-.23px}.invoice-detail__from-address{text-align:right;font-size:11px;font-weight:500;color:#7e88c3;line-height:2;font-style:normal}.invoice-detail__row2{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;margin-bottom:46px}.invoice-detail__meta-label{font-size:13px;font-weight:500;color:var(--txt-muted);letter-spacing:-.1px;margin-bottom:12px}.invoice-detail__meta-val{font-size:15px;font-weight:700;letter-spacing:-.31px;color:var(--txt);line-height:1.3}.invoice-detail__meta-val--email{word-break:break-all}.invoice-detail__client-address{font-size:12px;font-weight:500;color:var(--txt-muted);line-height:1.8;font-style:normal;margin-top:8px}.invoice-detail__items-table{background:var(--surface2);border-radius:var(--radius-lg);overflow:hidden}.invoice-detail__items-head{display:grid;grid-template-columns:1fr 64px 100px 100px;gap:16px;padding:32px 32px 16px;font-size:11px;font-weight:500;color:var(--txt-muted);letter-spacing:-.23px}.invoice-detail__items-head span:not(:first-child){text-align:right}.invoice-detail__item-row{display:grid;grid-template-columns:1fr 64px 100px 100px;gap:16px;padding:8px 32px;align-items:center}.invoice-detail__item-row:last-of-type{padding-bottom:32px}.invoice-detail__item-name{font-size:12px;font-weight:700;color:var(--txt)}.invoice-detail__item-qty,.invoice-detail__item-price{font-size:12px;font-weight:700;color:var(--txt-muted);text-align:right}.invoice-detail__item-total{font-size:12px;font-weight:700;color:var(--txt);text-align:right}.invoice-detail__items-footer{background:#373b53;display:flex;align-items:center;justify-content:space-between;padding:27px 32px;color:#fff}[data-theme=dark] .invoice-detail__items-footer{background:#0c0e16}.invoice-detail__amount-label{font-size:13px;font-weight:500}.invoice-detail__amount-total{font-size:24px;font-weight:700;letter-spacing:-.5px}@media(max-width:768px){.invoice-detail__status-bar{padding:18px 24px}.invoice-detail__actions--desktop{display:none}.invoice-detail__actions--mobile{display:flex}.invoice-detail__card{padding:32px 24px}.invoice-detail__row1{grid-template-columns:1fr;gap:28px}.invoice-detail__from-address{text-align:left}.invoice-detail__row2{grid-template-columns:1fr 1fr}.invoice-detail__items-head,.invoice-detail__item-row{padding-left:24px;padding-right:24px}.invoice-detail__items-footer{padding:24px}}@media(max-width:480px){.invoice-detail__row2{grid-template-columns:1fr}.invoice-detail__items-head,.invoice-detail__item-row{grid-template-columns:1fr 48px 80px 80px}}:root{--color-purple: #7C5DFA;--color-purple-hover: #9277FF;--color-dark-navy: #0C0E16;--color-dark-blue: #1E2139;--color-dark-mid: #252945;--color-light-blue: #DFE3FA;--color-light-grey: #F8F8FB;--color-grey-mid: #888EB0;--color-grey-light: #7E88C3;--color-white: #FFFFFF;--color-danger: #EC5757;--color-danger-hover: #FF9797;--color-success: #33D69F;--color-warning: #FF8F00;--badge-paid-bg: rgba(51, 214, 159, .06);--badge-pending-bg: rgba(255, 143, 0, .06);--badge-draft-bg: rgba(55, 59, 83, .06);--badge-draft-color: #373B53;--bg: #F8F8FB;--surface: #FFFFFF;--surface2: #F8F8FB;--border: #DFE3FA;--txt: #0C0E16;--txt-muted: #888EB0;--txt-mid: #7E88C3;--nav-w: 103px;--nav-h: 80px;--radius-sm: 4px;--radius: 6px;--radius-lg: 8px;--radius-xl: 20px;--shadow: 0 10px 10px -10px rgba(72, 84, 159, .1);--shadow-lg: 0 20px 48px rgba(72, 84, 159, .18);--tr: .2s ease;--font: "League Spartan", sans-serif}[data-theme=dark]{--bg: #141625;--surface: #1E2139;--surface2: #252945;--border: #252945;--txt: #FFFFFF;--txt-muted: #DFE3FA;--txt-mid: #888EB0;--badge-draft-bg: rgba(223, 227, 250, .06);--badge-draft-color: #DFE3FA;--shadow: 0 10px 10px -10px rgba(0, 0, 0, .28);--shadow-lg: 0 20px 48px rgba(0, 0, 0, .42)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:var(--font);background:var(--bg);color:var(--txt);font-size:12px;line-height:1;letter-spacing:-.25px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background var(--tr),color var(--tr)}.app-layout{display:flex;min-height:100vh}.app-main{margin-left:var(--nav-w);flex:1;display:flex;flex-direction:column}.page-inner{width:100%;max-width:730px;margin:0 auto;padding:72px 48px 80px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 24px;border:none;cursor:pointer;font-family:var(--font);font-size:14px;font-weight:700;letter-spacing:-.25px;line-height:1;border-radius:24px;white-space:nowrap;transition:background var(--tr),color var(--tr),transform var(--tr)}.btn:focus-visible{outline:2px solid var(--color-purple);outline-offset:3px}.btn:active{transform:scale(.98)}.btn-primary{background:#7c5dfa;color:#fff;width:130px}.btn-primary:hover{background:#9277ff}.btn-edit{background:#f9fafe;color:#7e88c3}[data-theme=dark] .btn-edit{background:#252945;color:#dfe3fa}.btn-edit:hover{background:#dfe3fa;color:#7e88c3}[data-theme=dark] .btn-edit:hover{background:#dfe3fa;color:#1e2139}.btn-danger{background:#ec5757;color:#fff}.btn-danger:hover{background:#ff9797}.btn-draft{background:#373b53;color:#dfe3fa}[data-theme=dark] .btn-draft{background:#252945;color:#dfe3fa}.btn-draft:hover{background:#0c0e16;color:#dfe3fa}[data-theme=dark] .btn-draft:hover{background:#dfe3fa;color:#1e2139}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes slideUpFade{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@keyframes popIn{0%{opacity:0;transform:scale(.88)}60%{transform:scale(1.04)}to{opacity:1;transform:scale(1)}}@keyframes staggerUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.app-main{margin-left:0}.page-inner{padding:calc(var(--nav-h) + 24px) 24px 120px;max-width:100%}}