@import"https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,400;1,600&display=swap";.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1a161273;display:flex;align-items:center;justify-content:center;z-index:200;padding:20px;animation:fadeIn .15s ease}.topup-modal{background:var(--surface);border-radius:var(--radius);width:100%;max-width:480px;box-shadow:var(--shadow-lg);animation:slideUp .25s var(--ease-out);overflow:hidden}.modal__header{display:flex;justify-content:space-between;align-items:flex-start;padding:24px 24px 0}.modal__title{font-size:1.2rem;font-weight:700;margin:0 0 4px}.modal__subtitle{font-size:13px;color:var(--text-3);margin:0}.modal__close{background:none;border:none;font-size:16px;color:var(--text-3);cursor:pointer;padding:4px 8px;border-radius:var(--radius-sm);transition:all var(--t);flex-shrink:0}.modal__close:hover{background:var(--bg-1);color:var(--text)}.step-indicator{display:flex;align-items:center;gap:0;padding:20px 24px 0}.step{display:flex;align-items:center;gap:8px;flex:1;position:relative}.step:not(:last-child):after{content:"";flex:1;height:1px;background:var(--border);margin:0 8px}.step--done:not(:last-child):after{background:var(--feat-success)}.step__dot{width:26px;height:26px;border-radius:50%;background:var(--bg-2);color:var(--text-3);font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all var(--t)}.step--active .step__dot{background:var(--amber);color:#fff}.step--done .step__dot{background:var(--feat-success);color:#fff}.step__label{font-size:12px;font-weight:600;color:var(--text-3);white-space:nowrap}.step--active .step__label{color:var(--text)}.modal__body{padding:24px;display:flex;flex-direction:column;gap:20px}.amount-presets{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.amount-btn{padding:10px 0;border:1.5px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);font-size:14px;font-weight:700;color:var(--text-2);cursor:pointer;transition:all var(--t);font-family:var(--f-body)}.amount-btn:hover{border-color:var(--amber);color:var(--amber)}.amount-btn--active{border-color:var(--amber);background:var(--amber-soft);color:var(--amber)}.custom-amount{margin:0}.input-prefix-wrap{position:relative}.input-prefix{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-3);font-size:14px;font-weight:600;pointer-events:none}.input--prefixed{padding-left:28px}.amount-summary{display:flex;justify-content:space-between;align-items:center;background:var(--bg-1);border-radius:var(--radius-sm);padding:12px 16px;font-size:14px;color:var(--text-2)}.amount-summary strong{font-size:18px;color:var(--text);font-weight:800}.sepay-card{background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius);padding:20px;display:flex;flex-direction:column;align-items:center;gap:16px}.sepay-card__header{display:flex;justify-content:space-between;align-items:center;width:100%}.sepay-logo{font-size:15px;font-weight:800;color:var(--amber);letter-spacing:-.02em}.sepay-amount{font-size:22px;font-weight:800;color:var(--text)}.qr-wrapper{position:relative;width:160px;height:160px}.qr-img{width:160px;height:160px;border-radius:8px}.qr-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:repeat(7,1fr);gap:3px;padding:12px;background:#fff;border-radius:8px;border:1px solid var(--border)}.qr-cell{border-radius:2px;background:transparent}.qr-cell--on{background:#1a1612}.qr-corner{position:absolute;width:32px;height:32px;border:4px solid #1A1612;border-radius:3px}.qr-corner--tl{top:8px;left:8px}.qr-corner--tr{top:8px;right:8px}.qr-corner--bl{bottom:8px;left:8px}.bank-details{width:100%;display:flex;flex-direction:column;gap:8px}.bank-row{display:flex;justify-content:space-between;align-items:center;font-size:13px}.bank-label{color:var(--text-3);font-weight:500}.bank-value{color:var(--text);font-weight:600}.bank-value--highlight{color:var(--feat-success);font-size:15px;font-weight:800}.sepay-note{font-size:12px;color:var(--text-3);text-align:center;line-height:1.6;margin:0}.done-step{align-items:center;text-align:center;padding:32px 24px}.done-icon{width:56px;height:56px;border-radius:50%;background:#e0f9f0;color:var(--feat-success);font-size:24px;font-weight:700;display:flex;align-items:center;justify-content:center}.done-step h3{margin:0;font-size:1.1rem}.done-desc{font-size:13px;color:var(--text-3);margin:0;max-width:320px}.modal__footer{display:flex;justify-content:flex-end;gap:10px;padding-top:4px}.mono{font-family:Courier New,monospace;font-size:12px}.header{position:fixed;top:0;left:0;right:0;height:66px;background:var(--surface);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 28px;z-index:50}.header__content{display:flex;align-items:center;gap:20px;flex:1}.header__menu{display:none;background:none;border:none;font-size:20px;cursor:pointer;color:var(--text);padding:8px}.header__title{margin:0}.header__title h1{font-size:18px;font-weight:700;margin:0;color:var(--text)}.header__subtitle{font-size:12px;color:var(--text-3);margin:2px 0 0;font-weight:500}.header__actions{display:flex;align-items:center;gap:8px}.header__btn{width:40px;height:40px;border-radius:var(--radius-sm);background:var(--bg-1);border:none;font-size:18px;cursor:pointer;transition:all var(--t);display:flex;align-items:center;justify-content:center}.header__btn:hover{background:var(--border)}.credit-pill{display:flex;align-items:center;gap:6px;padding:6px 14px;background:var(--amber-soft);border:1.5px solid var(--amber-mid);border-radius:100px;font-size:13px;font-weight:700;color:var(--amber);cursor:pointer;transition:all var(--t);white-space:nowrap}.credit-pill:hover{background:var(--amber-mid)}.credit-pill__icon{font-size:14px}.btn--sm{padding:7px 16px;font-size:13px;border-radius:100px}.header__user{display:flex;align-items:center;gap:4px}.header__user-avatar{width:34px;height:34px;border-radius:50%;background:var(--primary, #2563eb);color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700}.header__logout-btn{width:32px;height:32px;border-radius:var(--radius-sm);background:none;border:none;font-size:16px;cursor:pointer;color:var(--text-3);display:flex;align-items:center;justify-content:center;transition:all var(--t)}.header__logout-btn:hover{background:var(--bg-1);color:var(--text)}@media(max-width:768px){.header__menu{display:block}.header{padding:0 16px}}.sidebar{position:fixed;left:0;top:0;width:240px;height:100vh;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;overflow-y:auto;z-index:100;transition:transform .3s ease}.sidebar__header{padding:20px 16px;border-bottom:1px solid var(--border-light);display:flex;align-items:center;justify-content:space-between;min-height:66px}.sidebar__brand{width:40px;height:40px;background:var(--amber);color:#fff;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:800;margin:0}.sidebar__close{display:none;background:none;border:none;font-size:24px;cursor:pointer;color:var(--text-2);padding:4px 8px}.sidebar__nav{flex:1;padding:16px 8px;overflow-y:auto}.sidebar__item{display:flex;align-items:center;gap:12px;width:100%;padding:11px 12px;border-radius:var(--radius-sm);background:none;border:none;color:var(--text-2);font-size:14px;font-weight:500;cursor:pointer;transition:all var(--t);text-align:left}.sidebar__item:hover{background:var(--bg-1);color:var(--text)}.sidebar__item.active{background:var(--amber-mid);color:var(--amber);font-weight:600}.sidebar__icon{font-size:18px;flex-shrink:0}.sidebar__label{flex:1;min-width:0}.sidebar__footer{padding:16px;border-top:1px solid var(--border-light);display:flex;flex-direction:column;gap:12px}.sidebar__user{display:flex;align-items:center;gap:12px}.sidebar__avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--amber) 0%,#e6892e 100%);color:#fff;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sidebar__info{min-width:0;flex:1}.sidebar__name{font-size:13px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar__email{font-size:11px;color:var(--text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar__signout{width:100%;padding:9px 12px;border-radius:var(--radius-sm);background:var(--bg-1);border:1px solid var(--border-light);color:var(--text-2);font-size:12px;font-weight:600;cursor:pointer;transition:all var(--t)}.sidebar__signout:hover{background:var(--amber-soft);border-color:var(--amber);color:var(--amber)}.sidebar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0003;z-index:99;display:none}@media(max-width:768px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar__close,.sidebar-overlay{display:block}}.toast{position:fixed;bottom:24px;right:24px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px;display:flex;align-items:center;gap:12px;box-shadow:var(--shadow-lg);z-index:1000;animation:slideUp .3s var(--ease-out);min-width:300px}.toast__icon{font-weight:700;font-size:16px;flex-shrink:0}.toast--success{border-left:3px solid var(--feat-success)}.toast--success .toast__icon{color:var(--feat-success)}.toast--error{border-left:3px solid var(--feat-danger)}.toast--error .toast__icon{color:var(--feat-danger)}.toast--info{border-left:3px solid var(--feat-info)}.toast--info .toast__icon{color:var(--feat-info)}.toast__message{flex:1;font-size:14px;color:var(--text-2)}.toast__close{background:none;border:none;color:var(--text-3);cursor:pointer;font-size:16px;padding:0;transition:color var(--t)}.toast__close:hover{color:var(--text)}@media(max-width:480px){.toast{min-width:auto;width:calc(100% - 32px);right:16px;left:16px}}.metric-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px;display:flex;gap:16px;transition:all var(--t)}.metric-card:hover{border-color:var(--border-light);box-shadow:var(--shadow-md);transform:translateY(-2px)}.metric-card__icon{font-size:32px;display:flex;align-items:center;justify-content:center;min-width:48px}.metric-card__content{flex:1}.metric-card__label{font-size:12px;color:var(--text-3);text-transform:uppercase;letter-spacing:.05em;font-weight:600;margin:0 0 6px}.metric-card__value{font-family:var(--f-display);font-size:24px;font-weight:700;color:var(--text);margin:0 0 8px;line-height:1}.metric-card__change{font-size:12px;font-weight:600;margin:0}.metric-card__change--up{color:var(--feat-success)}.metric-card__change--down{color:var(--feat-danger)}.metric-card--amber{border-top-color:var(--amber);border-top-width:2px}.metric-card--success{border-top-color:var(--feat-success);border-top-width:2px}.metric-card--warning{border-top-color:var(--feat-warning);border-top-width:2px}.metric-card--info{border-top-color:var(--feat-info);border-top-width:2px}.page{padding:66px 28px 40px 240px;min-height:100vh;background:var(--bg)}.page__header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:40px}.page__header h1{margin:0 0 8px}.page__subtitle{color:var(--text-2);font-size:15px;margin:0}.date-range-select{padding:9px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);font-family:var(--f-body);font-size:13px;color:var(--text-2);cursor:pointer}.section-title{margin:0 0 20px;font-size:1.3rem}.dashboard__metrics{margin-bottom:32px}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.dashboard__budget{margin-bottom:32px}.dashboard__budget h3{margin:0 0 20px;font-size:1.1rem}.budget-progress{display:flex;flex-direction:column;gap:12px}.progress-bar{width:100%;height:12px;background:var(--bg-2);border-radius:100px;overflow:hidden}.progress-bar__fill{height:100%;border-radius:100px;transition:width .4s var(--ease-out)}.progress-text{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--text-2)}.progress-status{color:var(--text-3);font-size:12px}.dashboard__chart{margin-bottom:32px}.dashboard__chart h3{margin:0 0 8px;font-size:1.1rem}.chart-subtitle{font-size:13px;color:var(--text-3);margin:0 0 24px}.dashboard__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:24px;margin-bottom:32px}.dashboard__activity{display:flex;flex-direction:column}.dashboard__activity h3{margin:0 0 20px;font-size:1.1rem}.activity-list{display:flex;flex-direction:column;gap:16px}.activity-item{display:flex;gap:12px;align-items:flex-start}.activity-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;margin-top:6px}.activity-content{flex:1;min-width:0}.activity-title{font-size:14px;font-weight:600;color:var(--text);margin:0}.activity-time{font-size:12px;color:var(--text-3);margin:2px 0 0}.alert{display:flex;align-items:center;gap:16px;padding:16px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);margin-bottom:32px}.alert--warning{border-left:3px solid #D97706}.alert__icon{font-size:24px;flex-shrink:0}.alert__content{flex:1}.alert__title{font-size:14px;font-weight:600;color:var(--text);margin:0}.alert__message{font-size:13px;color:var(--text-2);margin:4px 0 0}.alert__btn{padding:8px 16px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-1);color:var(--text-2);font-size:12px;font-weight:600;cursor:pointer;transition:all var(--t);flex-shrink:0}.alert__btn:hover{background:#d97706;color:#fff;border-color:#d97706}@media(max-width:768px){.page{padding-left:0;padding-right:16px}.page__header{flex-direction:column;gap:16px}.metrics-grid,.dashboard__grid{grid-template-columns:1fr}}.plans-section{margin-bottom:32px}.section-title{font-size:1rem;font-weight:700;color:var(--text);margin-bottom:16px;text-transform:uppercase;letter-spacing:.04em}.plans-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:20px}@media(max-width:768px){.plans-grid{grid-template-columns:1fr}}.plan-tile{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius);padding:24px;display:flex;flex-direction:column;gap:0;position:relative;transition:border-color var(--t),box-shadow var(--t)}.plan-tile--current{border-color:var(--amber);box-shadow:0 0 0 3px var(--amber-mid)}.plan-tile__badge{position:absolute;top:-11px;left:50%;transform:translate(-50%);background:var(--amber);color:#fff;font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:3px 12px;border-radius:100px;white-space:nowrap}.plan-tile__header{margin-bottom:20px}.plan-tile__name{font-size:1.1rem;font-weight:700;color:var(--text);margin:0 0 6px}.plan-tile__price{margin-bottom:4px}.price-free{font-size:1.6rem;font-weight:800;color:var(--feat-success)}.price-amount{font-size:1.6rem;font-weight:800;color:var(--text)}.price-period{font-size:13px;color:var(--text-3);font-weight:400}.plan-tile__label{font-size:12px;color:var(--text-3);margin:0}.plan-tile__limits{list-style:none;display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.limit-item{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-2)}.limit-dot{width:5px;height:5px;border-radius:50%;background:var(--border);flex-shrink:0}.plan-tile__divider{border-top:1px solid var(--border-light);margin-bottom:16px}.plan-tile__features{list-style:none;display:flex;flex-direction:column;gap:8px;flex:1;margin-bottom:20px}.feature-item{display:flex;align-items:flex-start;gap:8px;font-size:13px}.feature-item--yes{color:var(--text-2)}.feature-item--no{color:var(--text-3)}.feature-check{color:var(--feat-success);font-weight:700;flex-shrink:0;margin-top:1px}.feature-cross{color:var(--text-3);font-weight:700;flex-shrink:0;margin-top:1px}.plan-tile__action{margin-top:auto}.plan-tile__action .btn{width:100%}.plan-usage{margin-top:4px}.plan-usage h3{margin:0 0 4px}.plan-usage__renews{font-size:13px;color:var(--text-3);margin:0 0 20px}.usage-bars{display:flex;flex-direction:column;gap:16px}.usage-bar__header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:6px}.usage-bar__label{font-size:13px;font-weight:600;color:var(--text)}.usage-bar__value{font-size:12px;color:var(--text-3)}.usage-bar__track{height:6px;background:var(--bg-2);border-radius:100px;overflow:hidden}.usage-bar__fill{height:100%;border-radius:100px;transition:width .4s var(--ease-out)}.no-charges{color:var(--text-3);font-size:14px;padding:16px 0}.credit-wallet{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;gap:16px}.credit-wallet__left{display:flex;align-items:center;gap:16px}.credit-wallet__icon{font-size:32px;width:56px;height:56px;background:var(--amber-soft);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0}.credit-wallet__label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-3);margin:0 0 2px}.credit-wallet__amount{font-size:2rem;font-weight:800;color:var(--text);margin:0 0 4px;line-height:1}.credit-wallet__note{font-size:12px;color:var(--text-3);margin:0}.plan-tile__credit-warn{font-size:12px;color:var(--feat-warning);margin:8px 0 0;text-align:center}.plan-tile__credit-warn .link-btn{font-size:12px}.credit-positive{color:var(--feat-success);font-weight:700}.credit-negative{color:var(--feat-danger);font-weight:700}.credit-balance-cell{font-weight:700;color:var(--text)}.plan-card{margin-bottom:32px}.plan-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid var(--border-light)}.plan-header h3{margin:0 0 6px;font-size:1.2rem}.plan-description{color:var(--text-2);font-size:13px;margin:0}.plan-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.plan-feature{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text-2)}.check{color:var(--feat-success);font-weight:700}.tabs{display:flex;gap:0;margin-bottom:24px;border-bottom:1px solid var(--border-light)}.tab{padding:12px 16px;border:none;background:none;color:var(--text-3);font-size:14px;font-weight:600;cursor:pointer;border-bottom:2px solid transparent;transition:all var(--t)}.tab:hover{color:var(--text-2)}.tab.active{color:var(--amber);border-bottom-color:var(--amber)}.tab-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.tab-header h3{margin:0}.data-table{width:100%;border-collapse:collapse;font-size:14px}.data-table thead{border-bottom:1px solid var(--border)}.data-table th{text-align:left;padding:12px 0;color:var(--text-3);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.data-table td{padding:14px 0;border-bottom:1px solid var(--border-light);color:var(--text-2)}.data-table tbody tr:hover{background:var(--bg-1)}.mono{font-family:Courier New,monospace;font-size:12px;color:var(--text)}.badge{display:inline-block;padding:4px 8px;border-radius:100px;font-size:11px;font-weight:600;text-transform:capitalize}.badge--success{background:#e0f9f4;color:var(--feat-success)}.badge--amber{background:var(--amber-soft);color:var(--amber)}.link-btn{background:none;border:none;color:var(--amber);cursor:pointer;font-size:13px;font-weight:600;padding:0}.link-btn:hover{text-decoration:underline}.payment-methods{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.payment-card{border:1px solid var(--border);border-radius:var(--radius);padding:16px;display:flex;align-items:center;gap:12px;position:relative}.payment-icon{font-size:28px}.payment-info{flex:1}.payment-name{font-size:14px;font-weight:600;color:var(--text);margin:0}.payment-expiry{font-size:12px;color:var(--text-3);margin:4px 0 0}.payment-menu{background:none;border:none;font-size:16px;cursor:pointer;color:var(--text-3);padding:4px}.charge-item{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px solid var(--border-light)}.charge-date{font-size:13px;font-weight:600;color:var(--text);margin:0}.charge-desc{font-size:12px;color:var(--text-3);margin:4px 0 0}.charge-amount{font-size:16px;font-weight:700;color:var(--text);margin:0}.usage-bar__mock{font-size:11px;color:var(--text-3);font-weight:400;margin-left:4px}.section-header{margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--border-light)}.section-header h3{margin:0}.card-subtitle{font-size:13px;color:var(--text-3);margin:0 0 16px}.form-actions{display:flex;gap:12px;margin-top:24px;padding-top:24px;border-top:1px solid var(--border-light)}.security-section{display:flex;flex-direction:column;gap:24px}.alert--info{background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius);padding:12px 16px;display:flex;gap:12px;margin-bottom:16px;align-items:flex-start}.alert--info span{font-size:16px;flex-shrink:0}.alert--info p{color:var(--text-2);font-size:13px;margin:0}.session-list{display:flex;flex-direction:column;gap:16px;margin-bottom:20px}.session-item{display:flex;align-items:center;gap:16px;padding:16px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-1)}.session-icon{font-size:24px;flex-shrink:0}.session-info{flex:1}.session-device{font-size:14px;font-weight:600;color:var(--text);margin:0}.session-location{font-size:12px;color:var(--text-2);margin:4px 0 0}.session-time{font-size:11px;color:var(--text-3);margin:4px 0 0}.session-status{padding:4px 12px;background:#e0f9f4;color:var(--feat-success);font-size:11px;font-weight:600;border-radius:100px;white-space:nowrap}.btn--small{padding:7px 14px;font-size:12px}.pref-group{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.checkbox{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;color:var(--text-2)}.checkbox input{cursor:pointer;width:16px;height:16px}.danger-card{border:1px solid var(--feat-danger);background:#fff5f5}.danger-card h3{color:var(--feat-danger)}.danger-description{color:var(--feat-danger);font-size:13px;font-weight:600;margin-bottom:20px}.danger-action{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-top:1px solid rgba(220,38,38,.1)}.danger-action:first-of-type{border-top:none}.danger-action h4{margin:0 0 4px;color:var(--text)}.danger-text{color:var(--text-3);font-size:12px;margin:0}@media(max-width:640px){.danger-action{flex-direction:column;gap:16px;align-items:flex-start}.form-actions{flex-direction:column}}.invite-form{margin-bottom:24px;border:1px solid var(--amber-mid);background:var(--amber-soft)}.invite-form h3{margin-top:0}.team-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;margin-top:20px}.team-card{border:1px solid var(--border);border-radius:var(--radius);padding:16px;display:flex;flex-direction:column;gap:12px;transition:all var(--t)}.team-card:hover{border-color:var(--border-light);box-shadow:var(--shadow-md)}.team-card__header{display:flex;gap:12px;align-items:flex-start}.team-avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--amber) 0%,#e6892e 100%);color:#fff;font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.team-card__title{flex:1;min-width:0}.team-name{font-size:14px;font-weight:600;color:var(--text);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.team-email{font-size:12px;color:var(--text-3);margin:2px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.team-card__body{display:flex;flex-direction:column;gap:6px}.team-role{margin:0}.badge{display:inline-block;padding:4px 8px;background:var(--amber-mid);color:var(--amber);border-radius:var(--radius-sm);font-size:11px;font-weight:600;text-transform:uppercase}.team-date{font-size:12px;color:var(--text-3);margin:0}.team-card__actions{display:flex;gap:8px;flex-direction:column;padding-top:12px;border-top:1px solid var(--border-light)}.team-owner{font-size:12px;color:var(--amber);font-weight:600;margin:0}.link-btn{background:none;border:none;color:var(--amber);cursor:pointer;font-size:12px;font-weight:600;padding:0;text-align:left;transition:color var(--t)}.link-btn:hover{color:var(--amber-hover)}.link-btn--danger{color:var(--feat-danger)}.link-btn--danger:hover{color:#b91c1c}.pending-list{display:flex;flex-direction:column;gap:0;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.pending-item{display:grid;grid-template-columns:1fr 120px 150px auto auto;gap:12px;align-items:center;padding:16px;border-bottom:1px solid var(--border-light)}.pending-item:last-child{border-bottom:none}.pending-email{font-size:14px;color:var(--text);font-weight:500}.pending-role{font-size:12px;color:var(--text-2)}.pending-time{font-size:12px;color:var(--text-3)}.permissions-table{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden;margin-top:16px}.perm-header,.perm-row{display:grid;grid-template-columns:repeat(5,1fr);gap:0;align-items:center}.perm-header{background:var(--bg-1);border-bottom:1px solid var(--border);font-weight:600;font-size:12px;color:var(--text-3);text-transform:uppercase}.perm-col{padding:12px 16px;text-align:center;border-right:1px solid var(--border-light)}.perm-col:last-child{border-right:none}.perm-header .perm-col:first-child{text-align:left}.perm-row{border-bottom:1px solid var(--border-light)}.perm-row:last-child{border-bottom:none}.perm-row .perm-col{font-size:13px;color:var(--text);padding:14px 16px}.perm-row .perm-col:first-child{text-align:left;color:var(--text-2);font-weight:500}@media(max-width:768px){.team-grid{grid-template-columns:1fr}.pending-item{grid-template-columns:1fr;gap:8px}.permissions-table{overflow-x:auto}.perm-header,.perm-row{grid-template-columns:auto 50px 50px 50px 50px}}.analytics-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}@media(max-width:768px){.analytics-grid{grid-template-columns:1fr}}.chart-subtitle{font-size:13px;color:var(--text-3);margin:4px 0 16px}.filter-bar{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.search-input{flex:1;min-width:240px}.filter-chips{display:flex;gap:8px}.chip{padding:8px 14px;border:1px solid var(--border);border-radius:100px;background:var(--surface);color:var(--text-2);font-size:12px;font-weight:600;cursor:pointer;transition:all var(--t)}.chip:hover{border-color:var(--amber);color:var(--amber)}.chip.active{background:var(--amber);color:#fff;border-color:var(--amber)}.activity-timeline{position:relative;padding:20px 0}.activity-timeline:before{content:"";position:absolute;left:19px;top:0;bottom:0;width:2px;background:var(--border-light)}.activity-entry{display:flex;gap:20px;margin-bottom:20px;position:relative}.activity-timeline__marker{width:40px;height:40px;border-radius:50%;background:var(--surface);border:3px solid var(--border);flex-shrink:0;display:flex;align-items:center;justify-content:center;position:relative;z-index:1}.activity-timeline__marker--success{border-color:var(--feat-success);background:#e0f9f4}.activity-timeline__marker--info{border-color:var(--feat-info);background:#eff6ff}.activity-timeline__marker--warning{border-color:var(--feat-warning);background:#fef3c7}.activity-card{flex:1;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px;display:flex;flex-direction:column;gap:12px}.activity-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.activity-action{font-size:14px;font-weight:600;color:var(--text);margin:0}.activity-desc{font-size:13px;color:var(--text-2);margin:4px 0 0}.activity-type{display:inline-block;padding:4px 8px;border-radius:6px;font-size:11px;font-weight:600;text-transform:uppercase;white-space:nowrap;flex-shrink:0}.activity-type--success{background:#e0f9f4;color:var(--feat-success)}.activity-type--info{background:#eff6ff;color:var(--feat-info)}.activity-type--warning{background:#fef3c7;color:var(--feat-warning)}.activity-footer{display:flex;gap:16px;font-size:12px;color:var(--text-3);border-top:1px solid var(--border-light);padding-top:10px}.activity-user{font-weight:500}.activity-time{margin-left:auto}.export-buttons{display:flex;gap:12px;margin-top:16px;flex-wrap:wrap}.empty-state{text-align:center;padding:60px 20px;color:var(--text-3)}@media(max-width:640px){.activity-timeline:before{left:11px}.activity-timeline__marker{width:24px;height:24px;border-width:2px}.activity-entry{gap:12px}.filter-bar{flex-direction:column;align-items:stretch}.search-input{min-width:auto}.filter-chips{justify-content:center}}.placeholder-page{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 66px)}.placeholder-content{text-align:center;display:flex;flex-direction:column;align-items:center;gap:20px;padding:40px;max-width:400px}.placeholder-icon{font-size:64px;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.placeholder-content h1{margin:0;color:var(--text)}.placeholder-description{color:var(--text-3);font-size:14px;line-height:1.6;margin:0}.auth-loading{height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:var(--bg, #fdfcfa);color:var(--text-3, #6b7280);font-size:14px}.auth-loading__spinner{width:32px;height:32px;border:3px solid var(--border, #e2dcd5);border-top-color:var(--amber, #b45309);border-radius:50%;animation:auth-spin .7s linear infinite}@keyframes auth-spin{to{transform:rotate(360deg)}}.app{display:flex;flex-direction:column;min-height:100vh;background:var(--bg)}.main-content{flex:1;margin-top:66px;overflow-y:auto}.toasts-container{position:fixed;bottom:0;right:0;display:flex;flex-direction:column;gap:12px;z-index:999;padding:20px;max-width:400px}@media(max-width:768px){.toasts-container{padding:12px;max-width:calc(100vw - 24px)}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #FDFCFA;--bg-1: #F6F3EE;--bg-2: #EDE8E1;--surface: #FFFFFF;--border: #E2DCD5;--border-light: #EDE8E3;--amber: #C16419;--amber-hover: #A35314;--amber-soft: #FEF3E8;--amber-mid: rgba(193, 100, 25, .14);--teal: #0D7377;--teal-soft: #E6F4F4;--feat-success: #059669;--feat-warning: #D97706;--feat-danger: #DC2626;--feat-info: #2563EB;--feat-purple: #7C3AED;--text: #1A1612;--text-2: #6C6258;--text-3: #AEA8A2;--shadow-sm: 0 1px 3px rgba(0,0,0,.07), 0 1px 2px rgba(0,0,0,.04);--shadow-md: 0 4px 14px rgba(0,0,0,.07), 0 2px 4px rgba(0,0,0,.04);--shadow-lg: 0 16px 48px rgba(0,0,0,.09), 0 4px 12px rgba(0,0,0,.05);--f-display: "Be Vietnam Pro", system-ui, sans-serif;--f-body: "Be Vietnam Pro", system-ui, sans-serif;--max-w: 1280px;--radius: 12px;--radius-sm: 8px;--ease-out: cubic-bezier(.16, 1, .3, 1);--t: .18s ease;--t-slow: .45s cubic-bezier(.16, 1, .3, 1)}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--f-body);font-size:15px;line-height:1.65}a{color:inherit;text-decoration:none}.container{max-width:var(--max-w);margin:0 auto;padding:0 28px}h1,h2,h3,h4,h5,h6{font-family:var(--f-display);font-weight:700;letter-spacing:-.01em}h1{font-size:2.4rem;line-height:1.15}h2{font-size:1.9rem;line-height:1.25}h3{font-size:1.3rem;line-height:1.35}h4{font-size:1.1rem;line-height:1.45}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 22px;border-radius:100px;font-family:var(--f-body);font-size:14px;font-weight:600;cursor:pointer;border:none;transition:all var(--t-slow);white-space:nowrap;line-height:1;text-decoration:none}.btn--primary{background:var(--amber);color:#fff;box-shadow:0 2px 8px #c1641940}.btn--primary:hover:not(:disabled){background:var(--amber-hover);box-shadow:0 6px 20px #c1641952;transform:translateY(-2px)}.btn--secondary{background:var(--surface);color:var(--text-2);border:1.5px solid var(--border)}.btn--secondary:hover:not(:disabled){border-color:var(--amber);color:var(--amber);background:var(--amber-soft)}.btn--danger{background:var(--feat-danger);color:#fff}.btn--danger:hover:not(:disabled){filter:brightness(.9)}.btn:disabled{opacity:.5;cursor:not-allowed}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow-sm);transition:all var(--t)}.card:hover{border-color:var(--border-light);box-shadow:var(--shadow-md)}.card--compact{padding:16px}.form-group{margin-bottom:20px}.label{display:block;font-size:13px;font-weight:600;color:var(--text);margin-bottom:8px;text-transform:uppercase;letter-spacing:.03em}.input,.select,textarea{width:100%;padding:10px 14px;border:1px solid var(--border);border-radius:var(--radius-sm);font-family:var(--f-body);font-size:14px;color:var(--text);background:var(--surface);transition:border-color var(--t)}.input:focus,.select:focus,textarea:focus{outline:none;border-color:var(--amber);box-shadow:0 0 0 3px var(--amber-soft)}.input--error,.select--error{border-color:var(--feat-danger)}.error-text{color:var(--feat-danger);font-size:12px;margin-top:4px}.success-text{color:var(--feat-success);font-size:12px;margin-top:4px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-1)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-3)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes slideRight{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:none}}.fade-in{animation:fadeIn .3s ease}.slide-up{animation:slideUp .4s var(--ease-out)}@media(max-width:768px){h1{font-size:1.8rem}h2{font-size:1.4rem}.container{padding:0 16px}}