:root{--saas-bg:#f5f5f7;--saas-sidebar-w:280px;--saas-border:#e5e5ea;--saas-text:#1d1d1f;--saas-text-gray:#86868b;--saas-blue:#0071e3}.saas-app-shell{background:var(--saas-bg);border:1px solid #0000000d;border-radius:24px;max-width:1400px;min-height:80vh;margin:20px auto;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,sans-serif;display:flex;overflow:hidden;box-shadow:0 20px 40px #0000000d}.saas-sidebar{width:var(--saas-sidebar-w);border-right:1px solid var(--saas-border);background:#fff;flex-direction:column;flex-shrink:0;padding:30px 20px;display:flex;position:relative}.saas-brand{color:var(--saas-text);letter-spacing:-.01em;align-items:center;gap:12px;margin-bottom:30px;padding-left:10px;font-size:1.2rem;font-weight:700;display:flex}.brand-icon-box{color:#fff;background:#1d1d1f;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex;box-shadow:0 2px 5px #0000001a}.saas-nav-container{flex:1}.saas-user-profile{border-top:1px solid var(--saas-border);align-items:center;gap:12px;margin-top:20px;padding-top:20px;display:flex}.user-avatar img{object-fit:cover;border-radius:10px;width:40px;height:40px}.user-info{overflow:hidden}.user-name{color:var(--saas-text);white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;font-weight:600;display:block;overflow:hidden}.user-role{color:var(--saas-text-gray);font-size:.75rem;display:block}.btn-logout-mini{color:var(--saas-text-gray);margin-left:auto;transition:color .2s}.btn-logout-mini:hover{color:#ff3b30}.saas-content-area{background:#fff;flex:1;padding:40px;overflow-y:auto}@media (max-width:900px){.saas-app-shell{box-shadow:none;border:none;border-radius:0;flex-direction:column;margin:0}.saas-sidebar{display:none!important}.saas-content-area{padding:20px 20px 100px}}.saas-nav-ul{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.saas-nav-link{color:#424245;border-radius:8px;align-items:center;gap:12px;padding:10px 12px;font-size:.95rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.saas-nav-icon{color:#86868b;justify-content:center;align-items:center;width:20px;min-width:20px;height:20px;transition:color .2s;display:flex}.saas-nav-icon svg{stroke-width:2px;stroke:currentColor;fill:none;stroke-linecap:round;stroke-linejoin:round;width:100%;height:100%;display:block}.saas-nav-link:hover{color:#1d1d1f;background:#f5f5f7}.saas-nav-link:hover .saas-nav-icon{color:#1d1d1f}li.is-active .saas-nav-link{color:#0071e3;background:#e1f0ff}li.is-active .saas-nav-icon{color:#0071e3}li.woocommerce-MyAccount-navigation-link--customer-logout{border-top:1px solid #e5e5ea;margin-top:20px;padding-top:10px}li.woocommerce-MyAccount-navigation-link--customer-logout .saas-nav-link:hover{color:#ff3b30;background:#fff0f0}li.woocommerce-MyAccount-navigation-link--customer-logout .saas-nav-icon{color:#ff3b30}.saas-content-area .dashboard-container{color:#1d1d1f;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,sans-serif}.saas-content-area .dash-header{justify-content:space-between;align-items:flex-end;margin-bottom:25px;display:flex}.saas-content-area .dash-title h2{letter-spacing:-.02em;margin:0;font-size:1.8rem;font-weight:700}.saas-content-area .dash-title p{color:#86868b;margin:5px 0 0;font-size:.95rem}.saas-content-area .dash-date{color:#86868b;background:#f5f5f7;border-radius:20px;padding:6px 12px;font-size:.85rem;font-weight:500}.saas-content-area .bento-grid{grid-template-rows:auto auto;grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.saas-content-area .bento-card{background:#fff;border:1px solid #0000000d;border-radius:24px;flex-direction:column;padding:24px;transition:transform .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #00000005}.saas-content-area .bento-card:hover{border-color:#0000001a;box-shadow:0 10px 30px #0000000f}.saas-content-area .card-wallet{color:#fff;background:linear-gradient(135deg,#1d1d1f 0%,#000 100%);border:none;grid-column:span 2}.saas-content-area .wallet-header{justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}.saas-content-area .wallet-label{color:#fff9;text-transform:uppercase;letter-spacing:.05em;font-size:.9rem;font-weight:500}.saas-content-area .balance-wrapper{align-items:baseline;gap:10px;margin-bottom:10px;display:flex}.saas-content-area .balance-amount{letter-spacing:-.03em;background:linear-gradient(90deg,gold,#fdb931);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:3.5rem;font-weight:700;line-height:1}.saas-content-area .balance-unit{color:gold;font-size:1.2rem;font-weight:600}.saas-content-area .wallet-footer{flex-wrap:nowrap;align-items:center;gap:12px;margin-top:auto;display:flex}.saas-content-area .btn-topup{color:#000;cursor:pointer;white-space:nowrap;background:gold;border:none;border-radius:30px;flex:2;justify-content:center;align-items:center;padding:12px 10px;font-size:.95rem;font-weight:700;text-decoration:none;transition:filter .2s;display:flex}.saas-content-area .btn-topup:hover{filter:brightness(1.1)}.saas-content-area .btn-secondary{color:#fff;white-space:nowrap;background:#ffffff1a;border-radius:30px;flex:1;justify-content:center;align-items:center;padding:12px 10px;font-size:.95rem;font-weight:600;text-decoration:none;transition:background .2s;display:flex}.saas-content-area .btn-secondary:hover{background:#fff3}.saas-content-area .card-usage{background:#f5f5f7;border:none;flex-direction:column;display:flex}.saas-content-area .stat-number{color:#1d1d1f;margin:10px 0 5px;font-size:2rem;font-weight:700}.saas-content-area .btn-usage-project{color:#1d1d1f;text-align:center;background:#e5e5ea;border-radius:12px;flex:1;justify-content:center;align-items:center;padding:12px 10px;font-size:.9rem;font-weight:600;text-decoration:none;transition:background .2s;display:flex}.saas-content-area .btn-usage-project:hover{background:#d1d1d6}.saas-content-area .btn-usage-create{color:#fff;text-align:center;background:#1d1d1f;border-radius:12px;flex:1;justify-content:center;align-items:center;padding:12px 10px;font-size:.9rem;font-weight:600;text-decoration:none;transition:opacity .2s;display:flex}.saas-content-area .btn-usage-create:hover{opacity:.8}.saas-content-area .card-action{flex-direction:row;justify-content:space-between;align-items:center;display:flex}.saas-content-area .action-icon{color:#0071e3;background:#e1f0ff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;margin-right:15px;font-size:1.2rem;display:flex}.saas-content-area .action-content h4{margin:0 0 4px;font-size:1rem}.saas-content-area .action-content p{color:#86868b;margin:0;font-size:.85rem}.saas-content-area .action-arrow{color:#c7c7cc;margin-left:auto}@media (max-width:900px){.saas-content-area .bento-grid{grid-template-columns:1fr}.saas-content-area .card-wallet{grid-column:auto}.saas-content-area .dash-header{flex-direction:column;align-items:flex-start;gap:10px}.saas-content-area .btn-topup,.saas-content-area .btn-secondary,.saas-content-area .btn-usage-project,.saas-content-area .btn-usage-create{font-size:.85rem}}.saas-content-area .settings-wrapper{max-width:800px;margin:0 auto;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,sans-serif}.saas-content-area .settings-header{margin-bottom:30px}.saas-content-area .settings-header h2{color:#1d1d1f;margin-bottom:5px;font-size:1.8rem;font-weight:700}.saas-content-area .settings-header p{color:#86868b;margin:0}.saas-content-area .settings-group{background:#fff;border:1px solid #0000000d;border-radius:24px;margin-bottom:30px;padding:30px;overflow:hidden;box-shadow:0 4px 20px #00000005}.saas-content-area .group-title{text-transform:uppercase;color:#86868b;letter-spacing:.05em;margin:0 0 20px;font-size:.85rem;font-weight:600}.saas-content-area .identity-grid{grid-template-columns:120px 1fr;gap:40px;display:grid}.saas-content-area .avatar-column{flex-direction:column;align-items:center;gap:15px;display:flex}.saas-content-area .avatar-wrapper{cursor:pointer;width:100px;height:100px;transition:transform .2s;position:relative}.saas-content-area .avatar-wrapper:hover{transform:scale(1.02)}.saas-content-area .avatar-img{object-fit:cover;border:1px solid #e5e5ea;border-radius:50%;width:100%;height:100%}.saas-content-area .avatar-overlay{opacity:0;color:#fff;background:#0000004d;border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .2s;display:flex;position:absolute;top:0;left:0}.saas-content-area .avatar-wrapper:hover .avatar-overlay{opacity:1}.saas-content-area .avatar-btn{color:#0071e3;cursor:pointer;background:0 0;border:none;padding:0;font-size:.85rem;font-weight:500}.saas-content-area .avatar-btn:hover{text-decoration:underline}.saas-content-area .form-row{width:100%;margin-bottom:20px;display:block}.saas-content-area .form-row label{color:#1d1d1f;margin-bottom:8px;font-size:.9rem;font-weight:600;display:block}.saas-content-area .input-apple{color:#1d1d1f;box-sizing:border-box;border:1px solid #d1d1d6;border-radius:12px;width:100%;padding:12px 16px;font-size:1rem;transition:all .2s}.saas-content-area .input-apple:focus{border-color:#0071e3;outline:none;box-shadow:0 0 0 4px #0071e31a}.saas-content-area .form-actions{justify-content:flex-end;margin-top:20px;display:flex}.saas-content-area .btn-save{color:#fff;cursor:pointer;background:#1d1d1f;border:none;border-radius:30px;padding:14px 28px;font-size:1rem;font-weight:600;transition:transform .1s,opacity .2s}.saas-content-area .btn-save:hover{opacity:.9;transform:translateY(-1px)}@media (max-width:600px){.saas-content-area .identity-grid{text-align:center;grid-template-columns:1fr}.saas-content-area .avatar-column{margin-bottom:20px}}.saas-content-area .addresses-wrapper{max-width:1000px;margin:0 auto;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,sans-serif}.saas-content-area .addresses-header-text{color:#86868b;margin-bottom:30px;font-size:.95rem;line-height:1.5}.saas-content-area .address-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;display:grid}.saas-content-area .address-card{background:#fff;border:1px solid #0000000d;border-radius:24px;flex-direction:column;padding:30px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 4px 20px #00000005}.saas-content-area .address-card:hover{transform:translateY(-2px);box-shadow:0 10px 30px #0000000f}.saas-content-area .ac-header{align-items:center;gap:15px;margin-bottom:20px;display:flex}.saas-content-area .ac-icon{color:#1d1d1f;background:#f5f5f7;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.saas-content-area .ac-title{color:#1d1d1f;margin:0;font-size:1.1rem;font-weight:600}.saas-content-area .ac-content{color:#424245;flex:1;margin-bottom:25px;font-size:.95rem;font-style:normal;line-height:1.6}.saas-content-area .ac-content address{font-style:normal}.saas-content-area .btn-edit-address{color:#1d1d1f;background:#fff;border:1px solid #e5e5ea;border-radius:12px;justify-content:center;align-items:center;width:100%;padding:12px;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.saas-content-area .btn-edit-address:hover{color:#fff;background:#1d1d1f;border-color:#1d1d1f}.account-notice{border-radius:12px;margin-bottom:20px;padding:12px 16px;font-size:.9rem;line-height:1.4}.account-notice--error{color:#c9251b;background:#fff0f0;border:1px solid #ffd5d2}.account-notice--success{color:#1f7a3a;background:#eafbf0;border:1px solid #c9f0d6}.saas-nav-link.as-button,.btn-logout-mini.as-button{cursor:pointer;width:100%;font:inherit;text-align:left;background:0 0;border:none}.btn-logout-mini.as-button{width:auto;padding:0}.saas-content-area .orders-list{padding:8px 0}.saas-content-area .order-row{color:inherit;border-bottom:1px solid #f5f5f7;align-items:center;gap:16px;padding:16px 30px;text-decoration:none;display:flex}.saas-content-area .order-row:last-child{border-bottom:none}.saas-content-area .order-row:hover{background:#fafafa}.saas-content-area .order-row>div{flex-direction:column;flex:1;gap:2px;display:flex}.saas-content-area .order-row>div span{color:#86868b;font-size:.85rem}.saas-content-area .order-total{white-space:nowrap;font-weight:600}.saas-content-area .order-status{white-space:nowrap;border-radius:20px;padding:4px 10px;font-size:.75rem;font-weight:600}.saas-content-area .order-lines{flex-direction:column;display:flex}.saas-content-area .order-line{border-bottom:1px solid #f5f5f7;justify-content:space-between;gap:20px;padding:12px 0;font-size:.95rem;display:flex}.saas-content-area .order-line>div{flex-direction:column;gap:2px;display:flex}.saas-content-area .order-line>div span{color:#86868b;font-size:.85rem}.saas-content-area .order-line--total{border-bottom:none;font-size:1.05rem;font-weight:700}@media (max-width:600px){.saas-content-area .order-row{flex-wrap:wrap;padding:14px 20px}.saas-content-area .order-row .action-arrow{display:none}}
.auth-wrapper{background:#f5f5f7;justify-content:center;align-items:center;min-height:80vh;padding:20px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,sans-serif;display:flex}.auth-wrapper .auth-card{background:#fff;border-radius:24px;width:100%;max-width:480px;position:relative;overflow:hidden;box-shadow:0 20px 40px #00000014}.auth-wrapper .auth-header{text-align:center;padding:40px 40px 20px}.auth-wrapper .auth-logo{color:#fff;background:#1d1d1f;border-radius:16px;justify-content:center;align-items:center;width:60px;height:60px;margin-bottom:20px;font-size:1.8rem;display:inline-flex}.auth-wrapper .auth-title{color:#1d1d1f;letter-spacing:-.02em;margin:0 0 10px;font-size:1.8rem;font-weight:700}.auth-wrapper .auth-subtitle{color:#86868b;margin:0;font-size:1rem;line-height:1.5}.auth-wrapper .auth-tabs{background:#f5f5f7;border-radius:12px;margin:20px 40px;padding:4px;display:flex;position:relative}.auth-wrapper .tab-btn{color:#86868b;cursor:pointer;z-index:2;background:0 0;border:none;border-radius:10px;flex:1;padding:10px;font-size:.9rem;font-weight:600;transition:color .2s}.auth-wrapper .tab-btn.active{color:#1d1d1f;background:#fff;box-shadow:0 2px 8px #0000000d}.auth-wrapper .auth-forms-container{padding:0 40px 40px;position:relative}.auth-wrapper .auth-panel{animation:.3s fadeIn;display:none}.auth-wrapper .auth-panel.active{display:block}.auth-wrapper .form-group{margin-bottom:20px}.auth-wrapper .input-label{color:#1d1d1f;margin-bottom:8px;font-size:.85rem;font-weight:600;display:block}.auth-wrapper .auth-input{color:#1d1d1f;box-sizing:border-box;border:1px solid #d1d1d6;border-radius:12px;width:100%;padding:14px 16px;font-size:1rem;transition:border-color .2s,box-shadow .2s}.auth-wrapper .auth-input:focus{border-color:#0071e3;outline:none;box-shadow:0 0 0 4px #0071e31a}.auth-wrapper .input-wrapper{width:100%;position:relative}.auth-wrapper .password-group{position:relative}.auth-wrapper .toggle-pass{color:#86868b;cursor:pointer;background:0 0;border:none;font-size:1rem;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.auth-wrapper .form-footer{justify-content:space-between;align-items:center;margin-bottom:24px;font-size:.9rem;display:flex}.auth-wrapper .remember-me{color:#424245;cursor:pointer;align-items:center;gap:8px;display:flex}.auth-wrapper .lost-pass{color:#0071e3;font-weight:500;text-decoration:none}.auth-wrapper .btn-auth{color:#fff;cursor:pointer;background:#1d1d1f;border:none;border-radius:14px;justify-content:center;align-items:center;gap:10px;width:100%;padding:16px;font-size:1rem;font-weight:600;transition:transform .1s,background .2s;display:flex}.auth-wrapper .btn-auth:hover{background:#333;transform:translateY(-1px)}.auth-wrapper .btn-auth:active{transform:scale(.98)}.auth-wrapper .strength-meter{background:#e5e5ea;border-radius:2px;height:4px;margin-top:8px;transition:all .3s;overflow:hidden}.auth-wrapper .strength-fill{width:0%;height:100%;transition:width .3s,background .3s}.auth-wrapper .auth-divider{text-align:center;color:#86868b;align-items:center;margin:25px 0;font-size:.85rem;font-weight:500;display:flex}.auth-wrapper .auth-divider:before,.auth-wrapper .auth-divider:after{content:"";border-bottom:1px solid #e5e5ea;flex:1}.auth-wrapper .auth-divider:before{margin-right:15px}.auth-wrapper .auth-divider:after{margin-left:15px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:480px){.auth-wrapper .auth-header,.auth-wrapper .auth-forms-container{padding-left:24px;padding-right:24px}.auth-wrapper .auth-tabs{margin:20px 24px}}