:root {
    --panel-primary: #5b55d9;
    --panel-primary-dark: #4742b7;
    --panel-accent: #18a982;
    --panel-ink: #182238;
    --panel-muted: #667085;
    --panel-bg: #f4f6fa;
    --panel-card: #ffffff;
    --panel-border: #e3e8f1;
    --panel-radius: 18px;
    --panel-shadow: 0 12px 35px rgba(31, 41, 55, .07);
}

html, body {
    background: var(--panel-bg);
    color: var(--panel-ink);
    font-family: "Inter", "Segoe UI", Roboto, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

body {
    font-size: .9rem;
    line-height: 1.55;
}

h1, h2, h3, h4, h5, h6,
.btn, .nav-link, .navbar-brand-modern, .dashboard-stat,
.oo-stat-card, .oo-action-link {
    font-family: "Inter", "Segoe UI", Roboto, Arial, sans-serif;
}

h1, h2, h3, h4, h5, h6 {
    letter-spacing: -.025em;
}

.navbar.navbar-dark {
    min-height: 68px;
    background: linear-gradient(115deg, #151b31 0%, #242b50 55%, #5b55d9 140%) !important;
    box-shadow: 0 5px 20px rgba(24, 29, 53, .18);
    z-index: 1030;
}

.navbar-brand-modern {
    display: inline-flex;
    align-items: center;
    gap: .7rem;
    color: #fff !important;
    font-size: 1.05rem;
    font-weight: 700;
    letter-spacing: -.02em;
}

.navbar-brand-modern img {
    width: 34px;
    height: 34px;
    object-fit: contain;
    border-radius: 10px;
    background: rgba(255,255,255,.12);
    padding: 4px;
}

.sidebar-dark {
    background: #171b31 !important;
}

.sidebar-dark .sidebar-content {
    background: linear-gradient(180deg, #151b31 0%, #202746 100%);
}

.sidebar-user {
    background: transparent !important;
    border-bottom: 1px solid rgba(255,255,255,.08);
}

.sidebar-user .card-body {
    padding: 1.35rem 1.25rem;
}

.sidebar-user img {
    border-radius: 12px !important;
    padding: 5px;
    background: rgba(255,255,255,.12);
}

.sidebar-dark .nav-sidebar .nav-link {
    margin: 3px 12px;
    border-radius: 11px;
    color: rgba(255,255,255,.7);
    transition: background .18s ease, color .18s ease, transform .18s ease;
}

.sidebar-dark .nav-sidebar .nav-link:hover,
.sidebar-dark .nav-sidebar .nav-item-open > .nav-link,
.sidebar-dark .nav-sidebar .nav-item > .nav-link.active {
    background: rgba(91, 85, 217, .25);
    color: #fff;
    transform: translateX(2px);
}

.sidebar-dark .nav-sidebar .nav-link i {
    color: #aeb5ff;
}

.sidebar-dark .nav-item-header {
    color: rgba(255,255,255,.36);
    letter-spacing: .08em;
    padding: 1.15rem 1.25rem .45rem;
}

.content-wrapper {
    background: var(--panel-bg);
}

.content {
    max-width: 1500px;
    width: 100%;
    margin: 0 auto;
    padding: 1.6rem clamp(1rem, 3vw, 2.5rem) 2rem;
}

.page-header {
    border: 0 !important;
    background: transparent !important;
}

.page-header-content {
    min-height: 106px;
    padding: 1rem clamp(1rem, 3vw, 2.5rem) !important;
    background: linear-gradient(120deg, #ffffff 0%, #f3f5ff 100%) !important;
    border-bottom: 1px solid var(--panel-border) !important;
}

.page-title {
    padding: 1rem 0 !important;
}

.page-title h4 {
    margin-bottom: .35rem;
    color: var(--panel-ink);
    font-size: 1.35rem;
    font-weight: 750;
    letter-spacing: -.025em;
}

.page-title small,
.page-title > div > :not(h4) {
    color: var(--panel-muted);
}

.card {
    border: 1px solid var(--panel-border);
    border-radius: var(--panel-radius);
    box-shadow: var(--panel-shadow);
    overflow: hidden;
}

.card-header {
    border-bottom: 1px solid var(--panel-border);
    background: rgba(255,255,255,.75);
}

.btn {
    border-radius: 10px;
    font-weight: 650;
    transition: transform .18s ease, box-shadow .18s ease;
}

.btn:hover {
    transform: translateY(-1px);
    box-shadow: 0 7px 16px rgba(31, 41, 55, .12);
}

.btn-primary,
.bg-primary {
    background-color: var(--panel-primary) !important;
    border-color: var(--panel-primary) !important;
}

.btn-primary:hover {
    background-color: var(--panel-primary-dark) !important;
    border-color: var(--panel-primary-dark) !important;
}

.form-control,
.custom-select,
.select2-selection {
    min-height: 42px;
    border-radius: 10px !important;
    border-color: #dfe5f0;
}

.form-control:focus {
    border-color: #8f8bea;
    box-shadow: 0 0 0 .2rem rgba(99, 91, 255, .13);
}

.text-primary { color: var(--panel-primary) !important; }
.text-success { color: #168b6d !important; }
.text-info { color: #287eb5 !important; }
.text-warning { color: #b87816 !important; }
.bg-success { background-color: #168b6d !important; }
.bg-info { background-color: #287eb5 !important; }
.bg-warning { background-color: #c48623 !important; }
.badge-primary { background-color: var(--panel-primary); }
.badge-success { background-color: #168b6d; }
.alert-info { color: #236482; background: #eaf5fb; border-color: #cde8f5; }
.alert-success { color: #176b55; background: #e9f8f2; border-color: #c8eddf; }
.alert-warning { color: #7b5a1b; background: #fff7e7; border-color: #f6e2af; }

.table thead th {
    color: #68738a;
    background: #f8f9fd;
    border-bottom-width: 1px;
    font-size: .76rem;
    text-transform: uppercase;
    letter-spacing: .04em;
}

.table tbody tr {
    transition: background .16s ease;
}

.table tbody tr:hover {
    background: #f8f9fd;
}

.footer-modern {
    border-top: 1px solid var(--panel-border);
    background: #fff;
    color: var(--panel-muted);
    padding-left: clamp(1rem, 3vw, 2.5rem);
    padding-right: clamp(1rem, 3vw, 2.5rem);
}

.footer-modern a {
    color: var(--panel-primary);
    font-weight: 650;
}

@media (max-width: 767.98px) {
    .navbar.navbar-dark {
        min-height: 58px;
    }

    .content {
        padding: 1rem .75rem 1.5rem;
    }

    .page-header-content {
        min-height: 88px;
    }

    .page-title h4 {
        font-size: 1.12rem;
    }
}

.dashboard-welcome{position:relative;overflow:hidden;min-height:250px;border-radius:24px;color:#fff;background:linear-gradient(120deg,#242a58,#4e48a9 58%,#7771df);box-shadow:0 18px 40px rgba(61,55,160,.2)}
.dashboard-welcome-content{position:relative;z-index:2;max-width:700px;padding:2.4rem clamp(1.4rem,4vw,3rem)}.dashboard-overline,.dashboard-muted-label{display:block;font-size:.7rem;font-weight:750;letter-spacing:.1em;text-transform:uppercase}.dashboard-overline{color:rgba(255,255,255,.72)}.dashboard-welcome h1{margin:.7rem 0 .45rem;color:#fff;font-size:clamp(1.7rem,4vw,2.6rem);font-weight:800;letter-spacing:-.04em}.dashboard-welcome p{max-width:580px;margin-bottom:1.4rem;color:rgba(255,255,255,.78);font-size:1rem}.dashboard-actions{display:flex;gap:.7rem;flex-wrap:wrap}.dashboard-outline-light{color:#fff;background:rgba(255,255,255,.13);border-color:rgba(255,255,255,.35)}.dashboard-outline-light:hover{color:#fff;background:rgba(255,255,255,.22)}.dashboard-decoration{position:absolute;top:0;right:7%;width:240px;height:100%;opacity:.35}.dashboard-decoration i{position:absolute;color:#fff}.dashboard-decoration i:first-child{top:48px;right:65px;font-size:5rem}.dashboard-decoration i:last-child{top:135px;right:5px;font-size:2.5rem}
.dashboard-plan,.dashboard-panel{border:1px solid var(--panel-border);border-radius:var(--panel-radius);background:#fff;box-shadow:var(--panel-shadow)}.dashboard-plan{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.15rem 1.4rem}.dashboard-plan h3,.dashboard-panel h3{margin:.3rem 0;color:var(--panel-ink);font-size:1.15rem;font-weight:750}.dashboard-plan p{margin:0;color:var(--panel-muted)}.dashboard-muted-label{color:var(--panel-muted)}.dashboard-pill{display:inline-flex;align-items:center;padding:.55rem .85rem;border-radius:999px;font-size:.78rem;font-weight:700}.dashboard-pill-success{color:#087443;background:#e5f8ee}
.dashboard-stat{display:block;min-height:160px;padding:1.2rem;border-radius:var(--panel-radius);color:#fff!important;box-shadow:var(--panel-shadow);transition:transform .18s ease,box-shadow .18s ease}.dashboard-stat:hover{color:#fff!important;transform:translateY(-4px);box-shadow:0 17px 35px rgba(31,41,55,.16)}.stat-indigo{background:linear-gradient(135deg,#5b55d9,#8f8bea)}.stat-blue{background:linear-gradient(135deg,#287eb5,#63b1d9)}.stat-green{background:linear-gradient(135deg,#168b6d,#55c5a2)}.stat-orange{background:linear-gradient(135deg,#c48623,#e1b45e)}.stat-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;margin-bottom:1.05rem;border-radius:12px;background:rgba(255,255,255,.18);font-size:1.15rem}.stat-label{display:block;color:rgba(255,255,255,.8);font-size:.78rem}.dashboard-stat strong{display:block;margin:.15rem 0 .2rem;font-size:2rem;line-height:1}.dashboard-stat small{color:rgba(255,255,255,.88)}
.dashboard-panel{padding:1.3rem}.dashboard-panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem}.dashboard-link{color:var(--panel-primary);font-size:.8rem;font-weight:700;white-space:nowrap}.dashboard-panel-icon{color:var(--panel-primary);font-size:1.45rem}.dashboard-project-item,.dashboard-transaction-item{display:flex;align-items:center;gap:.75rem;padding:.78rem 0;border-top:1px solid #eef1f7}.dashboard-project-item:first-of-type,.dashboard-transaction-item:first-of-type{border-top:0}.project-icon{display:flex;align-items:center;justify-content:center;width:38px;height:38px;flex:0 0 38px;border-radius:11px;color:var(--panel-primary);background:#efefff}.project-meta,.dashboard-transaction-item>div:first-child{min-width:0;flex:1}.project-meta strong,.dashboard-transaction-item strong{display:block;overflow:hidden;color:var(--panel-ink);text-overflow:ellipsis;white-space:nowrap;font-size:.86rem}.project-meta small,.dashboard-transaction-item small{display:block;color:var(--panel-muted);font-size:.75rem}.project-status,.payment-status{margin-left:auto;white-space:nowrap;font-size:.72rem!important;font-weight:700}.status-done,.payment-paid{color:#087443}.status-ready,.payment-pending{color:#b86a08}
.dashboard-empty{padding:1.7rem 1rem;text-align:center}.dashboard-empty>span{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;margin-bottom:.7rem;border-radius:17px;color:var(--panel-primary);background:#efefff;font-size:1.5rem}.dashboard-empty h4{margin-bottom:.35rem;color:var(--panel-ink);font-weight:750}.dashboard-empty p,.dashboard-empty-text,.support-copy{color:var(--panel-muted)}.dashboard-empty-text{padding:1rem 0}.dashboard-offer{display:flex;flex-direction:column;justify-content:center;background:linear-gradient(145deg,#fff,#f4f3ff)}.offer-icon{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;margin-bottom:1rem;border-radius:14px;color:#fff;background:var(--panel-primary);font-size:1.3rem}.dashboard-offer p{margin:.5rem 0 1.2rem;color:var(--panel-muted);line-height:1.7}.offer-note{margin-top:.9rem;color:#68738a;font-size:.72rem;text-align:center}.support-copy{margin:1rem 0 1.15rem;line-height:1.7}.support-actions{display:flex;gap:.6rem;flex-wrap:wrap}.support-links{display:grid;gap:.7rem;margin-top:1.3rem;padding-top:1rem;border-top:1px solid #eef1f7}.support-links a{color:#68738a;font-size:.78rem}.support-links a:hover{color:var(--panel-primary)}
@media (max-width:767.98px){.dashboard-decoration{display:none}.dashboard-plan{align-items:flex-start;flex-direction:column}.project-status{display:none}}

.oo-dashboard-intro{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.15rem 1.35rem;border-radius:18px;background:#fff;border:1px solid var(--panel-border);box-shadow:var(--panel-shadow)}.oo-eyebrow{display:block;color:#8993a7;font-size:.68rem;font-weight:800;letter-spacing:.1em}.oo-dashboard-intro h2{margin:.35rem 0 .25rem;color:var(--panel-ink);font-size:1.55rem;font-weight:800;letter-spacing:-.03em}.oo-dashboard-intro p{margin:0;color:var(--panel-muted)}.oo-primary-action{color:var(--panel-primary);font-weight:750;box-shadow:0 5px 15px rgba(99,91,255,.12)}
.oo-dashboard-hero{position:relative;overflow:hidden;border:0;border-radius:20px;color:#fff;background:linear-gradient(120deg,#252b55,#5049ad 62%,#7771df);box-shadow:0 16px 36px rgba(61,55,160,.2)}.oo-dashboard-hero .card-body{position:relative;min-height:245px;padding:2rem}.oo-hero-copy{position:relative;z-index:2;max-width:560px}.oo-status-pill{display:inline-flex;align-items:center;padding:.42rem .72rem;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:rgba(255,255,255,.1);color:rgba(255,255,255,.85);font-size:.72rem;font-weight:700;text-transform:capitalize}.oo-status-dot{width:7px;height:7px;margin-right:.45rem;border-radius:50%;background:#71e3a4;box-shadow:0 0 0 4px rgba(113,227,164,.15)}.oo-hero-copy h3{margin:1rem 0 .6rem;color:#fff;font-size:1.7rem;font-weight:800;letter-spacing:-.03em}.oo-hero-copy p{max-width:480px;color:rgba(255,255,255,.78);line-height:1.7}.oo-hero-orb{position:absolute;border:1px solid rgba(255,255,255,.18);border-radius:50%;transform:rotate(-25deg)}.oo-hero-orb-one{width:360px;height:180px;top:30px;right:-100px}.oo-hero-orb-two{width:250px;height:125px;top:72px;right:-20px}
.oo-next-step{border:1px solid var(--panel-border);border-radius:20px;background:linear-gradient(145deg,#fff,#f5f4ff);box-shadow:var(--panel-shadow)}.oo-next-step .card-body{padding:1.65rem}.oo-card-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;margin-bottom:1rem;border-radius:14px;color:#fff;background:var(--panel-primary);font-size:1.25rem}.oo-next-step h4,.oo-purchase-card h4{margin:.45rem 0 .55rem;color:var(--panel-ink);font-size:1.2rem;font-weight:800}.oo-next-step p,.oo-purchase-card p{color:var(--panel-muted);line-height:1.75}.oo-text-link{color:var(--panel-primary);font-weight:750}
.oo-stat-card{border:0;border-radius:18px;color:#fff!important;box-shadow:var(--panel-shadow);transition:transform .18s ease,box-shadow .18s ease}.oo-stat-card:hover{color:#fff!important;transform:translateY(-4px);box-shadow:0 16px 30px rgba(31,41,55,.16)}.oo-stat-card .card-body{padding:1.25rem}.oo-stat-projects{background:linear-gradient(135deg,#5b55d9,#8f8bea)}.oo-stat-transactions{background:linear-gradient(135deg,#287eb5,#63b1d9)}.oo-stat-tickets{background:linear-gradient(135deg,#c48623,#e1b45e)}.oo-stat-card .oo-eyebrow{color:rgba(255,255,255,.75)}.oo-stat-number{margin:.45rem 0 1.1rem;font-size:2.5rem;font-weight:800;line-height:1}.oo-stat-icon{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:13px;background:rgba(255,255,255,.18);font-size:1.2rem}.oo-stat-link{color:rgba(255,255,255,.9);font-size:.78rem;font-weight:650}
.oo-quick-actions,.oo-purchase-card{border:1px solid var(--panel-border);border-radius:20px;background:#fff;box-shadow:var(--panel-shadow)}.oo-quick-actions .card-body,.oo-purchase-card .card-body{padding:1.35rem}.oo-section-heading{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:.9rem}.oo-section-heading h4{margin:.35rem 0 0;color:var(--panel-ink);font-size:1.15rem;font-weight:800}.oo-section-heading>i{color:#a2a9b9;font-size:1.35rem}.oo-action-link{display:flex;align-items:center;gap:.7rem;margin:.25rem 0;padding:.8rem .65rem;border:1px solid transparent;border-radius:13px;color:var(--panel-ink);transition:background .18s ease,border-color .18s ease,transform .18s ease}.oo-action-link:hover{border-color:#e5e3ff;background:#faf9ff;color:var(--panel-primary);transform:translateX(2px)}.oo-action-link-icon{display:flex;align-items:center;justify-content:center;width:38px;height:38px;flex:0 0 38px;border-radius:11px;color:#fff;background:var(--panel-primary)}.oo-action-buy{background:#20a777}.oo-action-profile{background:#2795dc}.oo-action-support{background:#ed923d}.oo-action-link strong,.oo-action-link small{display:block}.oo-action-link strong{font-size:.82rem}.oo-action-link small{margin-top:.15rem;color:var(--panel-muted);font-size:.7rem}.oo-action-link>i:last-child{color:#a3aabd;font-size:.8rem}.oo-purchase-card{background:linear-gradient(145deg,#fff,#f4f3ff)}.oo-purchase-card p{margin:1rem 0 1.2rem}
@media (max-width:767.98px){.oo-dashboard-intro{align-items:flex-start;flex-direction:column}.oo-primary-action{width:100%}.oo-dashboard-hero .card-body{padding:1.5rem}.oo-hero-orb{display:none}}

.login-shell{display:flex;width:min(1050px,100%);min-height:610px;overflow:hidden;border:1px solid var(--panel-border);border-radius:26px;background:#fff;box-shadow:0 22px 60px rgba(31,41,55,.12)}.login-brand-panel{position:relative;display:flex;align-items:center;width:45%;overflow:hidden;background:linear-gradient(145deg,#202746,#4e48a9 70%,#7771df);color:#fff}.login-brand-content{position:relative;z-index:2;padding:3rem;max-width:500px}.login-brand{display:inline-flex;align-items:center;gap:.65rem;margin-bottom:5rem;color:#fff!important;font-size:1.05rem;font-weight:800;letter-spacing:-.02em}.login-brand img{width:36px;height:36px;object-fit:contain;padding:5px;border-radius:11px;background:rgba(255,255,255,.14)}.login-eyebrow{display:block;color:rgba(255,255,255,.7);font-size:.68rem;font-weight:800;letter-spacing:.12em}.login-brand-content h1{margin:.85rem 0 .8rem;color:#fff;font-size:2.35rem;line-height:1.15;font-weight:800;letter-spacing:-.05em}.login-brand-content p{max-width:360px;color:rgba(255,255,255,.76);line-height:1.8}.login-benefits{display:grid;gap:.75rem;margin-top:2rem;color:rgba(255,255,255,.86);font-size:.8rem}.login-benefits i{margin-right:.45rem;color:#83e2b1}.login-decoration{position:absolute;inset:0;opacity:.35}.login-decoration span{position:absolute;border:1px solid rgba(255,255,255,.2);border-radius:50%;transform:rotate(-25deg)}.login-decoration span:first-child{width:380px;height:180px;right:-160px;top:90px}.login-decoration span:nth-child(2){width:290px;height:140px;right:-80px;top:140px}.login-decoration i{position:absolute;right:75px;top:235px;color:rgba(255,255,255,.65);font-size:3rem}.login-form-panel{display:flex;align-items:center;justify-content:center;width:55%;padding:2.5rem;background:#fff}.login-modern-form{width:min(390px,100%)}.login-form-heading{margin-bottom:1.65rem}.login-mobile-logo{display:none}.login-eyebrow-dark{color:#8993a7}.login-form-heading h2{margin:.45rem 0 .35rem;color:var(--panel-ink);font-size:1.65rem;font-weight:800;letter-spacing:-.035em}.login-form-heading p{margin:0;color:var(--panel-muted);font-size:.86rem}.login-field{margin-bottom:1.1rem}.login-field label,.login-label-row label{display:block;margin-bottom:.45rem;color:#3e4a62;font-size:.78rem;font-weight:700}.login-label-row{display:flex;align-items:center;justify-content:space-between;gap:.7rem}.login-label-row a{color:var(--panel-primary);font-size:.73rem;font-weight:700}.login-input-wrap{position:relative}.login-input-wrap>i{position:absolute;z-index:1;top:50%;left:14px;color:#9aa4b6;transform:translateY(-50%)}.login-input-wrap .form-control{height:46px;padding-left:42px;padding-right:42px;background:#fbfcfe}.login-input-wrap .form-control:focus{background:#fff}.login-password-toggle{position:absolute;top:50%;right:8px;width:32px;height:32px;padding:0;border:0;border-radius:8px;color:#8d97aa;background:transparent;transform:translateY(-50%)}.login-password-toggle:hover{color:var(--panel-primary);background:#f0efff}.login-remember{display:flex;align-items:center;gap:.45rem;margin:0 0 1.2rem;color:#69758a;font-size:.76rem;cursor:pointer}.login-remember input{accent-color:var(--panel-primary)}.login-submit{height:46px;border-radius:11px;font-size:.85rem}.login-error{display:flex;align-items:flex-start;margin-bottom:1.1rem;padding:.75rem .85rem;border:1px solid #f3caca;border-radius:10px;color:#a13e3e;background:#fff4f4;font-size:.76rem;line-height:1.55}.login-divider{display:flex;align-items:center;gap:.7rem;margin:1.35rem 0;color:#a0a8b7;font-size:.72rem}.login-divider:before,.login-divider:after{content:"";height:1px;flex:1;background:#e8ecf3}.login-google{height:44px;border-radius:10px;color:#445066!important;border-color:#dfe4ee!important;background:#fff;font-size:.82rem}.login-google:hover{border-color:#c9d1df!important;background:#f8f9fc}.login-register-prompt{margin-top:1.35rem;color:#7c8799;font-size:.78rem;text-align:center}.login-register-prompt a{color:var(--panel-primary);font-weight:750}
@media (max-width:767.98px){.login-shell{display:block;min-height:0;border:0;border-radius:18px;box-shadow:none}.login-brand-panel{display:none}.login-form-panel{width:100%;padding:1rem .25rem;background:transparent}.login-modern-form{padding:1.5rem 1.25rem;border:1px solid var(--panel-border);border-radius:20px;background:#fff;box-shadow:var(--panel-shadow)}.login-mobile-logo{display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.login-mobile-logo img{width:58px;height:58px;padding:7px;border-radius:16px;background:#f0efff}.login-form-heading{text-align:center}}

.register-shell{display:flex;width:min(1180px,100%);min-height:680px;overflow:hidden;border:1px solid var(--panel-border);border-radius:26px;background:#fff;box-shadow:0 22px 60px rgba(31,41,55,.12)}.register-brand-panel{position:relative;display:flex;align-items:center;width:34%;overflow:hidden;background:linear-gradient(145deg,#202746,#4e48a9 70%,#7771df);color:#fff}.register-brand-content{position:relative;z-index:2;padding:2.5rem;max-width:420px}.register-brand-content h1{margin:.85rem 0 .8rem;color:#fff;font-size:2.05rem;line-height:1.18;font-weight:800;letter-spacing:-.045em}.register-brand-content p{color:rgba(255,255,255,.76);line-height:1.8}.register-form-panel{display:flex;align-items:center;justify-content:center;width:66%;padding:2.2rem 3rem;background:#fff}.register-modern-form{width:100%;max-width:720px}.register-heading{margin-bottom:1.3rem}.register-heading h2{margin:.45rem 0 .35rem;color:var(--panel-ink);font-size:1.55rem;font-weight:800;letter-spacing:-.035em}.register-heading p{margin:0;color:var(--panel-muted);font-size:.84rem}.register-section-label{display:block;margin:.35rem 0 .7rem;color:#8993a7;font-size:.67rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.register-section-password{margin-top:.25rem}.register-field{margin-bottom:.85rem}.register-field label{display:block;margin-bottom:.4rem;color:#3e4a62;font-size:.76rem;font-weight:700}.register-field .login-input-wrap .form-control{height:43px}.register-field .login-input-wrap>i{left:13px;font-size:.85rem}.register-error-text{display:block;margin-top:.35rem;color:#b34646;font-size:.7rem}.register-password-hint{margin-top:.3rem;color:#9aa4b6;font-size:.68rem}.register-toggle{right:6px}.register-captcha{display:flex;align-items:center;gap:1rem;margin:.35rem 0 1.15rem;padding:.8rem 1rem;border:1px solid #e7eaf1;border-radius:12px;background:#fafbfe}.register-captcha>div{min-width:185px}.register-captcha .register-section-label{margin:0 0 .25rem}.register-captcha strong{display:block;color:var(--panel-ink);font-size:.9rem}.register-captcha input{width:130px;height:41px}.register-captcha .register-error-text{margin:0}.register-submit{height:45px;border-radius:11px;font-size:.84rem}.register-login-prompt{margin:1rem 0;color:#7c8799;font-size:.76rem;text-align:center}.register-login-prompt a{color:var(--panel-primary);font-weight:750}.register-divider{display:flex;align-items:center;gap:.7rem;margin:1rem 0;color:#a0a8b7;font-size:.7rem}.register-divider:before,.register-divider:after{content:"";height:1px;flex:1;background:#e8ecf3}
@media (max-width:991.98px){.register-brand-panel{width:38%}.register-form-panel{width:62%;padding:2rem 1.5rem}.register-brand-content{padding:1.8rem}.register-brand-content h1{font-size:1.7rem}}
@media (max-width:767.98px){.register-shell{display:block;min-height:0;border:0;border-radius:18px;box-shadow:none}.register-brand-panel{display:none}.register-form-panel{width:100%;padding:1rem .25rem;background:transparent}.register-modern-form{padding:1.45rem 1.15rem;border:1px solid var(--panel-border);border-radius:20px;background:#fff;box-shadow:var(--panel-shadow)}.register-heading{text-align:center}.register-mobile-logo{display:flex}.register-captcha{align-items:flex-start;flex-wrap:wrap}.register-captcha input{width:100%}}

.recovery-shell{display:flex;width:min(1000px,100%);min-height:570px;overflow:hidden;border:1px solid var(--panel-border);border-radius:26px;background:#fff;box-shadow:0 22px 60px rgba(31,41,55,.12)}.recovery-brand-panel{position:relative;display:flex;align-items:center;width:45%;overflow:hidden;background:linear-gradient(145deg,#202746,#4e48a9 70%,#7771df);color:#fff}.recovery-brand-content{position:relative;z-index:2;padding:3rem;max-width:470px}.recovery-brand-content h1{margin:.85rem 0 .8rem;color:#fff;font-size:2.25rem;line-height:1.15;font-weight:800;letter-spacing:-.05em}.recovery-brand-content p{color:rgba(255,255,255,.76);line-height:1.8}.recovery-form-panel{display:flex;align-items:center;justify-content:center;width:55%;padding:2.5rem;background:#fff}.recovery-modern-form{width:min(390px,100%)}.recovery-heading{margin-bottom:1.7rem}.recovery-heading h2{margin:.45rem 0 .35rem;color:var(--panel-ink);font-size:1.65rem;font-weight:800;letter-spacing:-.035em}.recovery-heading p{margin:0;color:var(--panel-muted);font-size:.86rem}.recovery-submit{height:46px;border-radius:11px;font-size:.84rem}.recovery-message{margin-bottom:1.15rem}.recovery-success{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:1.2rem;padding:.9rem;border:1px solid #cbeede;border-radius:12px;color:#176b55;background:#edf9f4}.recovery-success-icon{display:flex;align-items:center;justify-content:center;width:30px;height:30px;flex:0 0 30px;border-radius:50%;color:#fff;background:#168b6d}.recovery-success strong{display:block;margin:.2rem 0;color:#176b55;font-size:.82rem}.recovery-success p{margin:0;color:#377c68;font-size:.76rem;line-height:1.55}.recovery-back{margin-top:1.35rem;text-align:center}.recovery-back a{color:var(--panel-primary);font-size:.78rem;font-weight:750}
@media (max-width:767.98px){.recovery-shell{display:block;min-height:0;border:0;border-radius:18px;box-shadow:none}.recovery-brand-panel{display:none}.recovery-form-panel{width:100%;padding:1rem .25rem;background:transparent}.recovery-modern-form{padding:1.5rem 1.25rem;border:1px solid var(--panel-border);border-radius:20px;background:#fff;box-shadow:var(--panel-shadow)}.recovery-heading{text-align:center}.recovery-brand-content h1{font-size:1.8rem}}

.project-create-intro{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.2rem 1.35rem;border:1px solid var(--panel-border);border-radius:18px;background:#fff;box-shadow:var(--panel-shadow)}.project-create-intro h2{margin:.35rem 0 .25rem;color:var(--panel-ink);font-size:1.55rem;font-weight:800;letter-spacing:-.035em}.project-create-intro p{margin:0;color:var(--panel-muted)}.project-create-guide{display:flex;align-items:center;justify-content:center;gap:1.25rem;padding:1rem 1.25rem;border:1px solid #e7eaf2;border-radius:16px;background:#fafbfe}.project-guide-step{display:flex;align-items:center;gap:.65rem}.project-guide-step>span{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;color:#fff;background:var(--panel-primary);font-size:.75rem;font-weight:800}.project-guide-step strong,.project-guide-step small{display:block}.project-guide-step strong{color:var(--panel-ink);font-size:.78rem}.project-guide-step small{margin-top:.1rem;color:var(--panel-muted);font-size:.69rem}.project-guide-arrow{color:#aeb5c4;font-size:.9rem}.project-product-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.15rem}.project-product-card{display:flex;flex-direction:column;min-height:430px;padding:1.3rem;border:1px solid var(--panel-border);border-radius:20px;background:#fff;box-shadow:var(--panel-shadow);transition:transform .18s ease,box-shadow .18s ease}.project-product-card:hover{transform:translateY(-4px);box-shadow:0 18px 36px rgba(31,41,55,.13)}.project-product-card.product-active{border-top:4px solid #168b6d}.project-product-card.product-locked{border-top:4px solid #d5dbe6}.project-product-top{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.project-product-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:14px;color:var(--panel-primary);background:#efefff;font-size:1.35rem}.project-product-card h3{margin:1rem 0 .45rem;color:var(--panel-ink);font-size:1.2rem;font-weight:800}.project-product-description{min-height:48px;margin:0;color:var(--panel-muted);font-size:.8rem;line-height:1.7}.project-access-badge{padding:.38rem .55rem;border-radius:999px;font-size:.66rem;font-weight:750;white-space:nowrap}.access-active{color:#087443;background:#e5f8ee}.access-locked{color:#6e7788;background:#f0f2f6}.project-product-meta{display:grid;gap:.45rem;margin:1.05rem 0;padding:.85rem 0;border-top:1px solid #eef1f7;border-bottom:1px solid #eef1f7;color:#778297;font-size:.73rem}.expiry-active{color:#168b6d}.expiry-ended{color:#b34646}.project-create-form,.project-locked-actions{margin-top:auto}.project-create-form label{display:block;margin-bottom:.4rem;color:#3e4a62;font-size:.74rem;font-weight:700}.project-create-form .form-control{margin-bottom:.7rem;height:43px}.project-locked-actions{display:grid;gap:.55rem}.project-locked-actions form{margin:0}.project-empty-state{padding:4rem 1.5rem;border:1px dashed #cdd4e1;border-radius:20px;background:#fff;text-align:center}.project-empty-state>span{display:inline-flex;align-items:center;justify-content:center;width:58px;height:58px;border-radius:18px;color:var(--panel-primary);background:#efefff;font-size:1.6rem}.project-empty-state h3{margin:1rem 0 .4rem;color:var(--panel-ink);font-weight:800}.project-empty-state p{margin-bottom:1.2rem;color:var(--panel-muted)}
@media (max-width:767.98px){.project-create-intro{align-items:flex-start;flex-direction:column}.project-create-intro .btn{width:100%}.project-create-guide{align-items:flex-start;flex-direction:column;gap:.8rem}.project-guide-arrow{display:none}.project-guide-step{width:100%}.project-product-grid{grid-template-columns:1fr}.project-product-card{min-height:0}}

.simple-project-page{max-width:1180px;margin:0 auto}.simple-project-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}.simple-project-header h2{margin:0 0 .25rem;color:var(--panel-ink);font-size:1.55rem;font-weight:800;letter-spacing:-.035em}.simple-project-header p{margin:0;color:var(--panel-muted)}.simple-project-note{display:flex;align-items:center;gap:.7rem;margin-bottom:1rem;padding:.8rem 1rem;border:1px solid #e3e8f1;border-radius:12px;color:#68738a;background:#fafbfe;font-size:.76rem;line-height:1.5}.simple-project-note>i{color:var(--panel-primary);font-size:1rem}.simple-help{margin-left:auto;padding:.25rem .45rem;border:0;border-radius:7px;color:var(--panel-primary);background:#efefff}.simple-product-list{display:grid;gap:.75rem}.simple-product-row{display:flex;align-items:center;gap:1rem;padding:1rem 1.1rem;border:1px solid var(--panel-border);border-left:4px solid #cbd3df;border-radius:14px;background:#fff;box-shadow:0 5px 18px rgba(31,41,55,.045);transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.simple-product-row:hover{border-color:#c8c6ef;box-shadow:0 10px 25px rgba(31,41,55,.08);transform:translateY(-1px)}.simple-product-active{border-left-color:#168b6d}.simple-product-mark{display:flex;align-items:center;justify-content:center;width:46px;height:46px;flex:0 0 46px;border-radius:13px;color:var(--panel-primary);background:#efefff;font-size:1.25rem}.simple-product-main{min-width:0;flex:1}.simple-product-title{display:flex;align-items:center;gap:.65rem}.simple-product-title h3{margin:0;color:var(--panel-ink);font-size:1rem;font-weight:800}.simple-product-main p{margin:.35rem 0 .55rem;overflow:hidden;color:var(--panel-muted);font-size:.77rem;text-overflow:ellipsis;white-space:nowrap}.simple-status{padding:.3rem .5rem;border-radius:999px;font-size:.65rem;font-weight:750;white-space:nowrap}.status-active{color:#087443;background:#e5f8ee}.status-locked{color:#6e7788;background:#f0f2f6}.simple-product-details{display:flex;gap:1rem;color:#7b8699;font-size:.7rem}.simple-expiry-active{color:#168b6d}.simple-expiry-ended{color:#b34646}.simple-product-action{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;min-width:250px}.simple-product-action form{display:flex;align-items:center;gap:.5rem;margin:0}.simple-project-name{width:145px;height:40px}.simple-product-action .btn{height:40px;white-space:nowrap}.simple-product-action>a{height:40px;display:inline-flex;align-items:center}.simple-product-action form+form{display:inline-flex}.simple-product-action form+form button{height:40px}.simple-product-page .project-empty-state{margin-top:1rem}
@media (max-width:767.98px){.simple-project-header{align-items:flex-start;flex-direction:column}.simple-project-header .btn{width:100%}.simple-project-note{align-items:flex-start}.simple-product-row{align-items:flex-start;flex-wrap:wrap}.simple-product-main{width:calc(100% - 62px);flex:auto}.simple-product-main p{white-space:normal}.simple-product-details{flex-wrap:wrap;gap:.45rem .8rem}.simple-product-action{width:100%;min-width:0;margin-left:62px;justify-content:flex-start;flex-wrap:wrap}.simple-product-action form{width:100%}.simple-project-name{width:100%}.simple-product-action form:first-child .simple-project-name{flex:1}.simple-product-action form:first-child{display:flex}.simple-product-action>a{flex:1;justify-content:center}.simple-product-action form+form{flex:1}.simple-product-action form+form button{width:100%}}

.project-list-summary{display:flex;align-items:center;gap:2rem;padding:1rem 1.25rem;border:1px solid var(--panel-border);border-radius:14px;background:#fff;box-shadow:var(--panel-shadow)}.project-list-summary>div:not(.project-summary-tip){display:flex;align-items:baseline;gap:.45rem}.project-list-summary strong{color:var(--panel-primary);font-size:1.45rem;font-weight:800}.project-list-summary span{color:var(--panel-muted);font-size:.74rem}.project-summary-tip{margin-left:auto;color:#7d8798;font-size:.74rem}.project-search-bar{display:flex;align-items:center;gap:.55rem}.project-search-input{position:relative;flex:1}.project-search-input i{position:absolute;top:50%;left:14px;color:#9aa4b6;transform:translateY(-50%)}.project-search-input input{width:100%;height:42px;padding:0 1rem 0 40px;border:1px solid #dfe5f0;border-radius:10px;outline:0;color:var(--panel-ink);background:#fff}.project-search-input input:focus{border-color:#8f8bea;box-shadow:0 0 0 .2rem rgba(91,85,217,.12)}.project-list-table{overflow:hidden;border:1px solid var(--panel-border);border-radius:16px;background:#fff;box-shadow:var(--panel-shadow)}.project-list-table-head,.project-list-item{display:grid;grid-template-columns:minmax(210px,1.6fr) minmax(140px,1fr) minmax(120px,.8fr) minmax(110px,.75fr) minmax(250px,1.35fr);align-items:center;gap:1rem;padding:1rem 1.15rem}.project-list-table-head{color:#8993a7;background:#f8f9fc;border-bottom:1px solid var(--panel-border);font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.project-list-item{min-height:78px;border-bottom:1px solid #eef1f7;transition:background .16s ease}.project-list-item:last-child{border-bottom:0}.project-list-item:hover{background:#fbfcff}.project-list-name{display:flex;align-items:center;gap:.7rem;min-width:0}.project-list-icon{display:flex;align-items:center;justify-content:center;width:38px;height:38px;flex:0 0 38px;border-radius:11px;color:var(--panel-primary);background:#efefff}.project-list-name strong{display:block;overflow:hidden;color:var(--panel-ink);font-size:.84rem;text-overflow:ellipsis;white-space:nowrap}.project-list-name small,.project-list-date{color:var(--panel-muted);font-size:.72rem}.project-list-software{overflow:hidden;color:#566176;font-size:.78rem;text-overflow:ellipsis;white-space:nowrap}.software-dot{display:inline-block;width:8px;height:8px;margin-right:.45rem;border-radius:50%;background:#7b76dd}.project-list-status{display:inline-flex;align-items:center;padding:.38rem .55rem;border-radius:999px;font-size:.68rem;font-weight:750;white-space:nowrap}.project-list-actions{display:flex;align-items:center;justify-content:flex-end;gap:.4rem}.project-list-actions .btn{height:34px}.project-list-actions .btn span{margin-left:.3rem;font-size:.7rem}.project-list-actions .btn-light{border:1px solid #e3e8f1;background:#fff}.project-list-actions .btn-light:hover{background:#f6f7fb}.project-list-page .project-empty-state{margin-top:1rem}
@media (max-width:991.98px){.project-list-table-head{display:none}.project-list-item{grid-template-columns:minmax(210px,1.5fr) minmax(130px,1fr) minmax(105px,.8fr) minmax(210px,1.2fr)}}
@media (max-width:767.98px){.project-list-summary{align-items:flex-start;flex-wrap:wrap;gap:.6rem 1.25rem}.project-summary-tip{width:100%;margin-left:0;padding-top:.6rem;border-top:1px solid #eef1f7}.project-search-bar{align-items:stretch;flex-wrap:wrap}.project-search-input{flex-basis:100%}.project-search-bar .btn{flex:1}.project-list-item{display:block;padding:1rem}.project-list-name{margin-bottom:.75rem}.project-list-software,.project-list-date{display:inline-block;margin-right:1rem;margin-bottom:.7rem}.project-list-actions{justify-content:flex-start;flex-wrap:wrap;padding-top:.75rem;border-top:1px solid #eef1f7}.project-list-actions .btn span{display:inline}.project-list-actions .btn{flex:0 0 auto}}

.invoice-page{max-width:1180px;margin:0 auto}.invoice-topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.25rem;padding:1.2rem 1.35rem;border:1px solid var(--panel-border);border-radius:18px;background:#fff;box-shadow:var(--panel-shadow)}.invoice-topbar h2{margin:.35rem 0 .25rem;color:var(--panel-ink);font-size:1.5rem;font-weight:800;letter-spacing:-.035em}.invoice-topbar p{margin:0;color:var(--panel-muted)}.invoice-pending{display:inline-flex;align-items:center;padding:.5rem .75rem;border-radius:999px;color:#9a6816;background:#fff6df;font-size:.72rem;font-weight:750;white-space:nowrap}.invoice-summary-card,.invoice-payment-card{height:100%;border:1px solid var(--panel-border);border-radius:20px;background:#fff;box-shadow:var(--panel-shadow)}.invoice-summary-card{padding:1.35rem}.invoice-summary-heading,.invoice-payment-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}.invoice-summary-heading{justify-content:flex-start}.invoice-summary-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:13px;color:var(--panel-primary);background:#efefff;font-size:1.15rem}.invoice-summary-heading h3,.invoice-payment-heading h3{margin:.3rem 0 0;color:var(--panel-ink);font-size:1.08rem;font-weight:800}.invoice-summary-line{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 0;border-bottom:1px solid #eef1f7;color:var(--panel-muted);font-size:.76rem}.invoice-summary-line strong{color:var(--panel-ink);font-size:.78rem;text-align:right}.invoice-total{display:flex;align-items:center;justify-content:space-between;padding:1.15rem 0 .8rem;color:var(--panel-ink);font-size:.88rem;font-weight:750}.invoice-total strong{color:var(--panel-primary);font-size:1.45rem}.invoice-trust{margin-top:1rem;padding:.75rem;border-radius:10px;color:#68738a;background:#f8f9fc;font-size:.7rem;line-height:1.5}.invoice-trust i{color:#168b6d}.invoice-payment-card{padding:1.35rem}.invoice-step{color:#8993a7;font-size:.7rem;font-weight:700}.invoice-method-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:1.15rem}.invoice-method{position:relative;display:flex;min-height:128px;flex-direction:column;align-items:flex-start;padding:1rem;border:1px solid #e1e6ef;border-radius:14px;color:var(--panel-ink);background:#fff;text-align:left;cursor:pointer;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.invoice-method:hover,.invoice-method.selected{border-color:var(--panel-primary);box-shadow:0 8px 22px rgba(91,85,217,.14);transform:translateY(-2px)}.invoice-method.selected{background:#fafaff}.invoice-method-check{position:absolute;top:10px;right:10px;width:17px;height:17px;border:2px solid #d7ddea;border-radius:50%;background:#fff}.invoice-method.selected .invoice-method-check{border-color:var(--panel-primary);background:var(--panel-primary)}.invoice-method.selected .invoice-method-check:after{content:"";display:block;width:5px;height:5px;margin:4px;border-radius:50%;background:#fff}.invoice-method img{width:52px;height:30px;object-fit:contain;margin-bottom:.5rem}.invoice-method strong{font-size:.8rem}.invoice-method small{margin-top:.2rem;color:var(--panel-muted);font-size:.67rem}.invoice-payment-panel{display:none;padding:1.1rem;border:1px solid #e3e8f1;border-radius:14px;background:#fafbfe}.invoice-panel-heading{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:1rem}.invoice-panel-heading>i{color:var(--panel-primary);font-size:1.25rem}.invoice-panel-heading h4{margin:0 0 .25rem;color:var(--panel-ink);font-size:.95rem;font-weight:800}.invoice-panel-heading p{margin:0;color:var(--panel-muted);font-size:.74rem}.invoice-payment-panel label{display:block;margin:0 0 .35rem;color:#3e4a62;font-size:.73rem;font-weight:700}.invoice-payment-panel .form-control{height:42px;margin-bottom:.75rem}.invoice-pay-button{min-height:43px;margin-top:.55rem;border-radius:10px;font-size:.78rem}.crypto-address-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem}.crypto-address{padding:.75rem;border:1px solid #e1e6ef;border-radius:12px;background:#fff}.crypto-address img{width:28px;height:28px;float:left;margin-right:.5rem;object-fit:contain}.crypto-address strong,.crypto-address small{display:block}.crypto-address strong{color:var(--panel-ink);font-size:.76rem}.crypto-address small{margin:.15rem 0 .65rem;color:var(--panel-muted);font-size:.68rem}.crypto-address>div{display:flex}.crypto-address input{width:calc(100% - 34px);height:33px;min-width:0;padding:0 .4rem;border:1px solid #dfe5f0;border-radius:7px 0 0 7px;color:#68738a;font-size:.62rem}.crypto-address button{width:34px;height:33px;border:1px solid #dfe5f0;border-left:0;border-radius:0 7px 7px 0;color:var(--panel-primary);background:#fff}.crypto-address+.crypto-address{}.invoice-payment-panel>.invoice-pay-button{display:block;width:100%;text-align:center}
@media (max-width:767.98px){.invoice-topbar{align-items:flex-start;flex-direction:column}.invoice-pending{align-self:flex-start}.invoice-method-grid{grid-template-columns:1fr}.invoice-method{min-height:0}.crypto-address-grid{grid-template-columns:1fr}.invoice-summary-card,.invoice-payment-card{padding:1rem}.invoice-payment-heading{align-items:flex-start;flex-direction:column;gap:.35rem}}

.transaction-list-page{max-width:1180px;margin:0 auto}.transaction-page-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}.transaction-eyebrow{display:block;color:#8993a7;font-size:.68rem;font-weight:800;letter-spacing:.1em}.transaction-page-header h2{margin:.35rem 0 .25rem;color:var(--panel-ink);font-size:1.55rem;font-weight:800;letter-spacing:-.035em}.transaction-page-header p,.transaction-section-heading p{margin:0;color:var(--panel-muted)}.transaction-back-button{border:1px solid var(--panel-border);color:#536078;background:#fff;box-shadow:0 4px 12px rgba(31,41,55,.04)}.transaction-back-button:hover{color:var(--panel-primary);background:#fff}.transaction-alert{display:flex;align-items:center;gap:.8rem;margin-bottom:1.15rem;padding:.9rem 1rem;border:1px solid;border-radius:14px}.transaction-alert strong{display:block;font-size:.8rem}.transaction-alert p{margin:.2rem 0 0;font-size:.73rem}.transaction-alert a{font-weight:700}.transaction-alert .close{margin-left:auto;color:inherit;opacity:.55}.transaction-alert-success{border-color:#bfe8d3;color:#087443;background:#f1fcf6}.transaction-alert-danger{border-color:#f1caca;color:#a73f3f;background:#fff6f6}.transaction-alert-icon{display:flex;align-items:center;justify-content:center;width:34px;height:34px;flex:0 0 34px;border-radius:10px;color:#fff;background:#22a06b}.transaction-alert-danger .transaction-alert-icon{background:#d85b5b}.transaction-summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.85rem;margin-bottom:1.7rem}.transaction-summary-card{display:flex;align-items:center;gap:.75rem;padding:1rem;border:1px solid var(--panel-border);border-radius:15px;background:#fff;box-shadow:var(--panel-shadow)}.transaction-summary-card small,.transaction-record-price small{display:block;color:var(--panel-muted);font-size:.69rem}.transaction-summary-card strong{display:block;margin-top:.25rem;color:var(--panel-ink);font-size:1.3rem;font-weight:800}.transaction-summary-card em,.transaction-record-price em{margin-left:.2rem;color:var(--panel-muted);font-size:.72rem;font-style:normal;font-weight:600}.transaction-summary-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;flex:0 0 40px;border-radius:12px;font-size:1rem}.transaction-summary-icon-blue{color:#2778b4;background:#eaf5fd}.transaction-summary-icon-green{color:#168b6d;background:#e6f8f0}.transaction-summary-icon-orange{color:#b27519;background:#fff4df}.transaction-summary-icon-red{color:#bd5252;background:#fff0f0}.transaction-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:.85rem}.transaction-section-heading h3{margin:0 0 .25rem;color:var(--panel-ink);font-size:1.15rem;font-weight:800}.transaction-count{padding:.35rem .6rem;border-radius:999px;color:#68738a;background:#f1f3f8;font-size:.68rem;font-weight:700}.transaction-record-list{display:grid;gap:.75rem}.transaction-record{display:grid;grid-template-columns:minmax(0,1fr) 130px 150px;align-items:center;gap:1rem;padding:1rem 1.15rem;border:1px solid var(--panel-border);border-radius:16px;background:#fff;box-shadow:var(--panel-shadow);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.transaction-record:hover{border-color:#c9c7f1;box-shadow:0 14px 30px rgba(31,41,55,.09);transform:translateY(-1px)}.transaction-record-main{display:flex;align-items:center;gap:.8rem;min-width:0}.transaction-product-icon{display:flex;align-items:center;justify-content:center;width:46px;height:46px;flex:0 0 46px;border-radius:13px;background:#f0efff}.transaction-product-icon img{width:32px;height:32px;object-fit:contain;border-radius:8px}.transaction-product-info{min-width:0}.transaction-product-title-row{display:flex;align-items:center;gap:.55rem;min-width:0}.transaction-product-title-row h4{overflow:hidden;margin:0;color:var(--panel-ink);font-size:.88rem;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.transaction-product-info>p{overflow:hidden;margin:.2rem 0 .35rem;color:#68738a;font-size:.74rem;text-overflow:ellipsis;white-space:nowrap}.transaction-status{display:inline-flex;align-items:center;gap:.25rem;padding:.28rem .48rem;border-radius:999px;font-size:.64rem;font-weight:750;white-space:nowrap}.transaction-status-success{color:#087443;background:#e5f8ee}.transaction-status-failed{color:#b34646;background:#fff0f0}.transaction-meta{display:flex;align-items:center;gap:1rem;color:#8993a7;font-size:.68rem}.transaction-meta i{margin-right:.3rem;color:#a1a9b8}.transaction-record-price{padding-left:1rem;border-left:1px solid #eef1f7}.transaction-record-price strong{display:block;margin-top:.18rem;color:var(--panel-ink);font-size:1.05rem;font-weight:800}.transaction-record-action{text-align:right}.transaction-record-action .btn{height:36px;border-radius:9px;font-size:.7rem;font-weight:700}.transaction-empty-state{padding:3rem 1rem;text-align:center;border:1px dashed #d8deea;border-radius:16px;background:#fff}.transaction-empty-state>span{display:inline-flex;align-items:center;justify-content:center;width:58px;height:58px;margin-bottom:.8rem;border-radius:17px;color:var(--panel-primary);background:#efefff;font-size:1.5rem}.transaction-empty-state h4{margin:0 0 .35rem;color:var(--panel-ink);font-size:1rem;font-weight:800}.transaction-empty-state p{margin:0 auto 1.1rem;color:var(--panel-muted);font-size:.78rem}.transaction-empty-state .btn{border-radius:9px;font-size:.73rem}
@media (max-width:991.98px){.transaction-summary-grid{grid-template-columns:repeat(2,1fr)}.transaction-record{grid-template-columns:minmax(0,1fr) 120px}.transaction-record-action{grid-column:1 / -1;padding-top:.8rem;border-top:1px solid #eef1f7;text-align:left}.transaction-record-action .btn{width:100%}}
@media (max-width:767.98px){.transaction-page-header{align-items:flex-start;flex-direction:column}.transaction-back-button{width:100%}.transaction-alert{align-items:flex-start}.transaction-summary-grid{gap:.65rem}.transaction-summary-card{align-items:flex-start;flex-direction:column;gap:.55rem;padding:.85rem}.transaction-summary-card strong{font-size:1.15rem}.transaction-section-heading{align-items:flex-start;flex-direction:column}.transaction-record{display:block;padding:1rem}.transaction-record-main{align-items:flex-start}.transaction-product-title-row{align-items:flex-start;flex-direction:column;gap:.4rem}.transaction-product-title-row h4{white-space:normal}.transaction-meta{align-items:flex-start;flex-direction:column;gap:.25rem}.transaction-record-price{margin:1rem 0;padding:1rem 0;border-top:1px solid #eef1f7;border-bottom:1px solid #eef1f7;border-left:0}.transaction-record-action{padding-top:0;border-top:0}.transaction-record-action .btn{width:100%}}

.security-page{max-width:1040px;margin:0 auto}.security-page-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}.security-eyebrow{display:block;color:#8993a7;font-size:.68rem;font-weight:800;letter-spacing:.1em}.security-page-header h2{margin:.35rem 0 .25rem;color:var(--panel-ink);font-size:1.55rem;font-weight:800;letter-spacing:-.035em}.security-page-header p{margin:0;color:var(--panel-muted)}.security-back-button{border:1px solid var(--panel-border);color:#536078;background:#fff;box-shadow:0 4px 12px rgba(31,41,55,.04)}.security-back-button:hover{color:var(--panel-primary);background:#fff}.security-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(260px,.75fr);gap:1rem;align-items:start}.security-form-card,.security-tips-card{border:1px solid var(--panel-border);border-radius:20px;background:#fff;box-shadow:var(--panel-shadow)}.security-form-card{padding:1.45rem 1.55rem}.security-card-heading{display:flex;align-items:center;gap:.75rem;margin-bottom:1.4rem;padding-bottom:1.1rem;border-bottom:1px solid #eef1f7}.security-card-icon,.security-tips-icon{display:flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:14px;color:var(--panel-primary);background:#efefff;font-size:1.2rem}.security-card-heading h3{margin:0 0 .2rem;color:var(--panel-ink);font-size:1.08rem;font-weight:800}.security-card-heading p{margin:0;color:var(--panel-muted);font-size:.73rem}.security-message{display:flex;align-items:center;gap:.6rem;margin-bottom:1rem;padding:.75rem .85rem;border:1px solid;border-radius:11px;font-size:.75rem}.security-message .close{margin-left:auto;color:inherit;opacity:.55}.security-message-success{border-color:#c6ead8;color:#087443;background:#f0fbf5}.security-message-error{border-color:#f0cbcb;color:#a74444;background:#fff5f5}.security-message-success>i{color:#168b6d}.security-message-error>i{color:#d05a5a}.security-field{margin-bottom:1.05rem}.security-field label{display:block;margin-bottom:.42rem;color:#3e4a62;font-size:.76rem;font-weight:700}.security-input-wrap{position:relative}.security-input-wrap>i{position:absolute;z-index:1;top:50%;left:14px;color:#9aa4b6;transform:translateY(-50%)}.security-input-wrap .form-control{height:45px;padding-right:45px;padding-left:42px;background:#fbfcfe}.security-input-wrap .form-control:focus{background:#fff}.security-toggle{position:absolute;top:50%;right:7px;width:32px;height:32px;padding:0;border:0;border-radius:8px;color:#8d97aa;background:transparent;transform:translateY(-50%)}.security-toggle:hover{color:var(--panel-primary);background:#f0efff}.security-help{display:block;margin-top:.38rem;color:#929daf;font-size:.68rem}.security-form-actions{display:flex;justify-content:flex-end;gap:.55rem;margin-top:1.35rem;padding-top:1.1rem;border-top:1px solid #eef1f7}.security-form-actions .btn{height:42px;border-radius:10px;font-size:.74rem}.security-submit{min-width:155px}.security-tips-card{padding:1.45rem;background:linear-gradient(145deg,#fff,#f6f5ff)}.security-tips-card h3{margin:1rem 0 .45rem;color:var(--panel-ink);font-size:1.05rem;font-weight:800}.security-tips-card>p{margin:0;color:var(--panel-muted);font-size:.76rem;line-height:1.7}.security-tips-card ul{display:grid;gap:.75rem;margin:1.2rem 0 1.25rem;padding:0;list-style:none}.security-tips-card li{display:flex;align-items:flex-start;gap:.5rem;color:#5d6980;font-size:.73rem;line-height:1.55}.security-tips-card li i{margin-top:.15rem;color:#168b6d}.security-account-note{display:flex;align-items:flex-start;gap:.5rem;padding:.7rem;border-radius:10px;color:#68738a;background:#f0efff;font-size:.68rem;line-height:1.5}.security-account-note i{margin-top:.1rem;color:var(--panel-primary)}
@media (max-width:767.98px){.security-page-header{align-items:flex-start;flex-direction:column}.security-back-button{width:100%}.security-layout{grid-template-columns:1fr}.security-form-card,.security-tips-card{padding:1rem}.security-card-heading{align-items:flex-start}.security-form-actions{justify-content:stretch}.security-form-actions .btn{flex:1}.security-submit{min-width:0}}

.support-page{max-width:1180px;margin:0 auto}.support-page-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}.support-eyebrow{display:block;color:#8993a7;font-size:.68rem;font-weight:800;letter-spacing:.1em}.support-page-header h2{margin:.35rem 0 .25rem;color:var(--panel-ink);font-size:1.55rem;font-weight:800;letter-spacing:-.035em}.support-page-header p,.support-list-heading p{margin:0;color:var(--panel-muted)}.support-create-button{height:42px;border-radius:10px;font-size:.75rem;font-weight:700;box-shadow:0 7px 16px rgba(91,85,217,.18)}.support-summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.85rem;margin-bottom:1.7rem}.support-summary-card{display:flex;align-items:center;gap:.75rem;padding:1rem;border:1px solid var(--panel-border);border-radius:15px;background:#fff;box-shadow:var(--panel-shadow)}.support-summary-card small{display:block;color:var(--panel-muted);font-size:.69rem}.support-summary-card strong{display:block;margin-top:.25rem;color:var(--panel-ink);font-size:1.3rem;font-weight:800}.support-summary-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;flex:0 0 40px;border-radius:12px;font-size:1rem}.support-summary-blue{color:#2778b4;background:#eaf5fd}.support-summary-green{color:#168b6d;background:#e6f8f0}.support-summary-gray{color:#69758a;background:#f0f2f6}.support-list-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:.85rem}.support-list-heading h3{margin:0 0 .25rem;color:var(--panel-ink);font-size:1.15rem;font-weight:800}.support-ticket-count{padding:.35rem .6rem;border-radius:999px;color:#68738a;background:#f1f3f8;font-size:.68rem;font-weight:700}.support-ticket-list{display:grid;gap:.75rem}.support-ticket-card{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.15rem;border:1px solid var(--panel-border);border-radius:16px;background:#fff;box-shadow:var(--panel-shadow);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.support-ticket-card:hover{border-color:#c9c7f1;box-shadow:0 14px 30px rgba(31,41,55,.09);transform:translateY(-1px)}.support-ticket-main{display:flex;align-items:center;gap:.8rem;min-width:0}.support-ticket-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;flex:0 0 44px;border-radius:13px;color:var(--panel-primary);background:#efefff;font-size:1.1rem}.support-ticket-content{min-width:0}.support-ticket-title-row{display:flex;align-items:center;gap:.55rem;min-width:0}.support-ticket-title-row h4{overflow:hidden;margin:0;color:var(--panel-ink);font-size:.88rem;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.support-ticket-status{display:inline-flex;align-items:center;gap:.25rem;padding:.28rem .48rem;border-radius:999px;font-size:.64rem;font-weight:750;white-space:nowrap}.support-status-open{color:#087443;background:#e5f8ee}.support-status-closed{color:#6e7788;background:#f0f2f6}.support-ticket-meta{display:flex;align-items:center;gap:1rem;margin-top:.38rem;color:#8993a7;font-size:.68rem}.support-ticket-meta i{margin-right:.28rem;color:#a1a9b8}.support-ticket-meta a{color:#8993a7}.support-ticket-meta a:hover{color:var(--panel-primary)}.support-view-button{height:36px;flex:0 0 auto;border-radius:9px;font-size:.7rem;font-weight:700}.support-empty-state{padding:3rem 1rem;text-align:center;border:1px dashed #d8deea;border-radius:16px;background:#fff}.support-empty-state>span{display:inline-flex;align-items:center;justify-content:center;width:58px;height:58px;margin-bottom:.8rem;border-radius:17px;color:var(--panel-primary);background:#efefff;font-size:1.5rem}.support-empty-state h4{margin:0 0 .35rem;color:var(--panel-ink);font-size:1rem;font-weight:800}.support-empty-state p{margin:0 auto 1.1rem;color:var(--panel-muted);font-size:.78rem}.support-empty-state .btn{border-radius:9px;font-size:.73rem}
@media (max-width:767.98px){.support-page-header{align-items:flex-start;flex-direction:column}.support-create-button{width:100%}.support-summary-grid{grid-template-columns:1fr;gap:.65rem}.support-summary-card{padding:.85rem}.support-list-heading{align-items:flex-start;flex-direction:column}.support-ticket-card{align-items:flex-start;flex-direction:column;padding:1rem}.support-ticket-main{align-items:flex-start;width:100%}.support-ticket-title-row{align-items:flex-start;flex-direction:column;gap:.4rem}.support-ticket-title-row h4{white-space:normal}.support-ticket-meta{align-items:flex-start;flex-direction:column;gap:.25rem}.support-view-button{width:100%;text-align:center}}

.support-view-page{max-width:1000px;margin:0 auto}.support-view-topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}.support-view-topbar h2{margin:.35rem 0 .25rem;color:var(--panel-ink);font-size:1.55rem;font-weight:800;letter-spacing:-.035em}.support-view-topbar p{margin:0;color:var(--panel-muted)}.support-view-back{border:1px solid var(--panel-border);color:#536078;background:#fff;box-shadow:0 4px 12px rgba(31,41,55,.04)}.support-view-back:hover{color:var(--panel-primary);background:#fff}.support-ticket-hero{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;padding:1.25rem 1.4rem;border:1px solid var(--panel-border);border-radius:18px;color:#fff;background:linear-gradient(120deg,#252b55,#5049ad 68%,#7771df);box-shadow:0 16px 36px rgba(61,55,160,.18)}.support-ticket-hero-icon{display:flex;align-items:center;justify-content:center;width:50px;height:50px;flex:0 0 50px;border-radius:15px;color:#fff;background:rgba(255,255,255,.14);font-size:1.35rem}.support-ticket-hero-content{min-width:0}.support-ticket-number{display:block;color:rgba(255,255,255,.65);font-size:.68rem;font-weight:700;letter-spacing:.05em}.support-ticket-hero h3{overflow:hidden;margin:.3rem 0 .6rem;color:#fff;font-size:1.25rem;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.support-ticket-hero-meta{display:flex;align-items:center;gap:1rem;color:rgba(255,255,255,.76);font-size:.7rem}.support-ticket-hero-meta i{margin-right:.3rem}.support-ticket-hero-status{display:inline-flex;align-items:center;padding:.28rem .52rem;border-radius:999px;font-size:.64rem;font-weight:750}.support-hero-open{color:#d8ffe9;background:rgba(91,225,157,.18)}.support-hero-closed{color:#e1e5ef;background:rgba(255,255,255,.13)}.support-conversation-card{padding:1.35rem;border:1px solid var(--panel-border);border-radius:20px;background:#fff;box-shadow:var(--panel-shadow)}.support-conversation-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.35rem;padding-bottom:1rem;border-bottom:1px solid #eef1f7}.support-conversation-heading h3{margin:0 0 .25rem;color:var(--panel-ink);font-size:1.08rem;font-weight:800}.support-conversation-heading p{margin:0;color:var(--panel-muted);font-size:.74rem}.support-conversation-heading>i{color:#a2a9b9;font-size:1.4rem}.support-conversation{display:grid;gap:1.2rem;padding:.25rem 0 1.4rem}.support-message{display:flex;align-items:flex-start;gap:.7rem;max-width:88%}.support-message-team{margin-left:auto;flex-direction:row-reverse}.support-message-avatar{width:36px;height:36px;flex:0 0 36px;padding:3px;border-radius:11px;background:#efefff}.support-message-team .support-message-avatar{background:#e8f5fd}.support-message-avatar img{width:100%;height:100%;object-fit:contain;border-radius:8px}.support-message-body{min-width:0}.support-message-team .support-message-body{text-align:right}.support-message-label{display:flex;align-items:center;gap:.55rem;margin:0 0 .35rem;color:#8993a7;font-size:.67rem}.support-message-team .support-message-label{justify-content:flex-end}.support-message-label strong{color:var(--panel-ink);font-size:.72rem}.support-message-bubble{padding:.75rem .9rem;border:1px solid #e9ecf3;border-radius:4px 14px 14px 14px;color:#526078;background:#fafbfe;font-size:.78rem;line-height:1.7;white-space:pre-line}.support-message-team .support-message-bubble{border-color:#d6eaf7;border-radius:14px 4px 14px 14px;color:#3e6279;background:#f2f9fd}.support-reply-form{padding-top:1.2rem;border-top:1px solid #eef1f7}.support-reply-form label{display:block;margin-bottom:.45rem;color:#3e4a62;font-size:.76rem;font-weight:700}.support-reply-form textarea{min-height:105px;resize:vertical;background:#fbfcfe}.support-reply-form textarea:focus{background:#fff}.support-reply-footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:.7rem}.support-reply-footer>span{color:#8b96a8;font-size:.68rem}.support-reply-button{height:40px;border-radius:10px;font-size:.74rem;font-weight:700}.support-closed-note{display:flex;align-items:center;gap:.7rem;padding:.85rem 1rem;border:1px solid #e4e8f0;border-radius:12px;color:#68738a;background:#f7f8fb}.support-closed-note>i{color:#8993a7;font-size:1.1rem}.support-closed-note strong,.support-closed-note span{display:block}.support-closed-note strong{margin-bottom:.18rem;color:#536078;font-size:.75rem}.support-closed-note span{font-size:.69rem}
@media (max-width:767.98px){.support-view-topbar{align-items:flex-start;flex-direction:column}.support-view-back{width:100%}.support-ticket-hero{align-items:flex-start;padding:1rem}.support-ticket-hero h3{white-space:normal}.support-ticket-hero-meta{align-items:flex-start;flex-direction:column;gap:.35rem}.support-conversation-card{padding:1rem}.support-message{max-width:100%}.support-message-team{margin-left:0}.support-reply-footer{align-items:flex-start;flex-direction:column}.support-reply-button{width:100%}}

.support-create-page{max-width:1050px;margin:0 auto}.support-create-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}.support-create-header h2{margin:.35rem 0 .25rem;color:var(--panel-ink);font-size:1.55rem;font-weight:800;letter-spacing:-.035em}.support-create-header p{margin:0;color:var(--panel-muted)}.support-create-back{border:1px solid var(--panel-border);color:#536078;background:#fff;box-shadow:0 4px 12px rgba(31,41,55,.04)}.support-create-back:hover{color:var(--panel-primary);background:#fff}.support-create-alert{display:flex;align-items:center;gap:.6rem;margin-bottom:1rem;padding:.75rem .85rem;border:1px solid;border-radius:11px;font-size:.75rem}.support-create-alert .close{margin-left:auto;color:inherit;opacity:.55}.support-create-alert-error{border-color:#f0cbcb;color:#a74444;background:#fff5f5}.support-create-alert-success{border-color:#c6ead8;color:#087443;background:#f0fbf5}.support-create-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(250px,.75fr);gap:1rem;align-items:start}.support-create-card,.support-create-help-card{border:1px solid var(--panel-border);border-radius:20px;background:#fff;box-shadow:var(--panel-shadow)}.support-create-card{padding:1.45rem 1.55rem}.support-create-card-heading{display:flex;align-items:center;gap:.75rem;margin-bottom:1.4rem;padding-bottom:1.1rem;border-bottom:1px solid #eef1f7}.support-create-card-icon,.support-create-help-icon{display:flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:14px;color:var(--panel-primary);background:#efefff;font-size:1.2rem}.support-create-card-heading h3{margin:0 0 .2rem;color:var(--panel-ink);font-size:1.08rem;font-weight:800}.support-create-card-heading p{margin:0;color:var(--panel-muted);font-size:.73rem}.support-create-card-heading p span,.support-create-field label span{color:#d05a5a}.support-create-field{margin-bottom:1.1rem}.support-create-field label{display:block;margin-bottom:.42rem;color:#3e4a62;font-size:.76rem;font-weight:700}.support-create-field .form-control{min-height:44px;background:#fbfcfe}.support-create-field select.form-control{height:44px}.support-create-field textarea.form-control{min-height:145px;resize:vertical}.support-create-field .form-control:focus{background:#fff}.support-create-field small{display:block;margin-top:.38rem;color:#929daf;font-size:.68rem}.support-create-actions{display:flex;justify-content:flex-end;gap:.55rem;margin-top:1.35rem;padding-top:1.1rem;border-top:1px solid #eef1f7}.support-create-actions .btn{height:42px;border-radius:10px;font-size:.74rem}.support-create-submit{min-width:145px}.support-create-help-card{padding:1.45rem;background:linear-gradient(145deg,#fff,#f6f5ff)}.support-create-help-card h3{margin:1rem 0 .45rem;color:var(--panel-ink);font-size:1.05rem;font-weight:800}.support-create-help-card>p{margin:0;color:var(--panel-muted);font-size:.76rem;line-height:1.7}.support-create-help-card ul{display:grid;gap:.75rem;margin:1.2rem 0 1.25rem;padding:0;list-style:none}.support-create-help-card li{display:flex;align-items:flex-start;gap:.5rem;color:#5d6980;font-size:.73rem;line-height:1.55}.support-create-help-card li i{margin-top:.15rem;color:#168b6d}.support-create-help-note{display:flex;align-items:flex-start;gap:.5rem;padding:.7rem;border-radius:10px;color:#68738a;background:#f0efff;font-size:.68rem;line-height:1.5}.support-create-help-note i{margin-top:.1rem;color:var(--panel-primary)}
@media (max-width:767.98px){.support-create-header{align-items:flex-start;flex-direction:column}.support-create-back{width:100%}.support-create-layout{grid-template-columns:1fr}.support-create-card,.support-create-help-card{padding:1rem}.support-create-card-heading{align-items:flex-start}.support-create-actions{justify-content:stretch}.support-create-actions .btn{flex:1}.support-create-submit{min-width:0}}

/* Fresh blue theme: bright workspace with a dark navigation rail */
:root{--panel-primary:#2563eb;--panel-primary-dark:#1d4ed8;--panel-accent:#10b981;--panel-ink:#172033;--panel-muted:#64748b;--panel-bg:#f3f7fb;--panel-card:#fff;--panel-border:#dce5ef;--panel-shadow:0 12px 35px rgba(25,55,95,.08)}
.navbar.navbar-dark{background:linear-gradient(115deg,#101827 0%,#172a46 55%,#2563eb 145%) !important;box-shadow:0 5px 20px rgba(15,31,53,.22)}
.sidebar-dark{background:#111b2c !important}.sidebar-dark .sidebar-content{background:linear-gradient(180deg,#111b2c 0%,#1b2d47 100%)}.sidebar-dark .nav-sidebar .nav-link:hover,.sidebar-dark .nav-sidebar .nav-item-open>.nav-link,.sidebar-dark .nav-sidebar .nav-item>.nav-link.active{background:rgba(37,99,235,.3)}.sidebar-dark .nav-sidebar .nav-link i{color:#8db8ff}
.page-header-light{background:linear-gradient(120deg,#fff 0%,#f3f8ff 100%) !important;border-bottom-color:#dce5ef !important}.card,.dashboard-plan,.dashboard-panel,.oo-quick-actions,.oo-purchase-card,.invoice-summary-card,.invoice-payment-card,.security-form-card,.security-tips-card,.support-create-card,.support-create-help-card,.support-conversation-card{border-color:#dce5ef}.form-control:focus{border-color:#60a5fa;box-shadow:0 0 0 .2rem rgba(37,99,235,.12)}.btn-primary{background-color:#2563eb !important;border-color:#2563eb !important}.btn-primary:hover,.btn-primary:focus{background-color:#1d4ed8 !important;border-color:#1d4ed8 !important}.btn-outline-primary{color:#2563eb;border-color:#93b4ef}.btn-outline-primary:hover{color:#fff;background:#2563eb;border-color:#2563eb}.text-primary,.dashboard-link,.oo-text-link{color:#2563eb !important}
.dashboard-welcome,.oo-dashboard-hero,.support-ticket-hero{background:linear-gradient(120deg,#12305a,#1d5fa7 62%,#36a3d9)}.login-brand-panel,.register-brand-panel,.recovery-brand-panel{background:linear-gradient(145deg,#12305a,#1d5fa7 70%,#36a3d9)}.stat-indigo,.oo-stat-projects{background:linear-gradient(135deg,#2563eb,#60a5fa)}.stat-blue,.oo-stat-transactions{background:linear-gradient(135deg,#087f9c,#35c4d8)}.stat-green{background:linear-gradient(135deg,#059669,#34d399)}.stat-orange,.oo-stat-tickets{background:linear-gradient(135deg,#d97706,#fbbf24)}
.project-icon,.project-list-icon,.transaction-product-icon,.support-ticket-icon,.security-card-icon,.security-tips-icon,.support-create-card-icon,.support-create-help-icon,.invoice-summary-icon,.oo-card-icon{background:#eaf2ff;color:#2563eb}.dashboard-pill-success,.status-active,.support-status-open,.transaction-status-success{color:#087443;background:#e4f8ee}.project-list-status{background:#eaf2ff;color:#2563eb}.support-summary-blue,.transaction-summary-icon-blue{color:#2563eb;background:#eaf2ff}.support-summary-green,.transaction-summary-icon-green{color:#07875e;background:#e4f8ee}.support-ticket-meta a:hover,.project-list-actions .btn-light:hover{color:#2563eb}.support-message-team .support-message-avatar{background:#e5f5fb}.support-message-team .support-message-bubble{border-color:#ccebf4;background:#f0fbfd}.dashboard-offer,.oo-next-step,.support-create-help-card{background:linear-gradient(145deg,#fff,#f1f7ff)}

.package-list-page{max-width:1180px;margin:0 auto}.package-list-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}.package-eyebrow{display:block;color:#8993a7;font-size:.68rem;font-weight:800;letter-spacing:.1em}.package-list-header h2{margin:.35rem 0 .25rem;color:var(--panel-ink);font-size:1.55rem;font-weight:800;letter-spacing:-.035em}.package-list-header p{margin:0;color:var(--panel-muted)}.package-back-button{border:1px solid var(--panel-border);color:#536078;background:#fff;box-shadow:0 4px 12px rgba(31,41,55,.04)}.package-back-button:hover{color:var(--panel-primary);background:#fff}.package-selector-card{display:flex;align-items:center;gap:.8rem;margin-bottom:1.7rem;padding:1rem 1.15rem;border:1px solid #cfe0f5;border-radius:16px;background:linear-gradient(110deg,#eef6ff,#f8fbff);box-shadow:0 8px 22px rgba(25,85,145,.06)}.package-selector-icon{display:flex;align-items:center;justify-content:center;width:42px;height:42px;flex:0 0 42px;border-radius:12px;color:#2563eb;background:#dcecff;font-size:1.1rem}.package-selector-copy{min-width:0;flex:1}.package-selector-copy strong,.package-selector-copy span{display:block}.package-selector-copy strong{color:var(--panel-ink);font-size:.8rem}.package-selector-copy span{margin-top:.2rem;color:var(--panel-muted);font-size:.7rem}.package-selector-form{width:245px}.package-selector-form .form-control{height:42px;background:#fff}.package-selected-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1rem}.package-selected-heading h3{margin:.35rem 0 0;color:var(--panel-ink);font-size:1.15rem;font-weight:800}.package-discount-badge{padding:.38rem .65rem;border-radius:999px;color:#087443;background:#e4f8ee;font-size:.68rem;font-weight:700}.package-plan-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.9rem;align-items:stretch}.package-plan-card{position:relative;display:flex;min-height:430px;flex-direction:column;padding:1.3rem 1.15rem;border:1px solid var(--panel-border);border-radius:18px;background:#fff;box-shadow:var(--panel-shadow);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.package-plan-card:hover{border-color:#9dbdf0;box-shadow:0 16px 32px rgba(31,70,120,.12);transform:translateY(-4px)}.package-plan-featured{border:2px solid #60a5fa;background:linear-gradient(155deg,#fff,#f1f7ff);box-shadow:0 14px 32px rgba(37,99,235,.13)}.package-plan-free{background:linear-gradient(155deg,#fff,#f7fbff)}.package-plan-enterprise{background:linear-gradient(155deg,#fff,#f4f8ff)}.package-plan-topline{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;color:#2563eb}.package-plan-topline>i{font-size:1.1rem}.package-plan-label{color:#8b98aa;font-size:.62rem;font-weight:800;letter-spacing:.08em}.package-plan-card h4{margin:0;color:var(--panel-ink);font-size:1.05rem;font-weight:800}.package-plan-subtitle{min-height:45px;margin:.45rem 0 1rem;color:var(--panel-muted);font-size:.73rem;line-height:1.55}.package-price{color:#2563eb;font-size:2rem;font-weight:800;letter-spacing:-.04em;line-height:1.1}.package-price small{margin-right:.15rem;font-size:1rem;font-weight:700}.package-price-free{color:#07875e}.package-duration{margin-top:.35rem;color:#8993a7;font-size:.68rem}.package-features{display:grid;gap:.35rem;margin:1rem 0;padding:1rem 0;border-top:1px solid #eef1f7;border-bottom:1px solid #eef1f7;color:#5d6980;font-size:.72rem;line-height:1.55;list-style:none}.package-features li{position:relative;padding-left:1.2rem}.package-features li:before{position:absolute;left:0;color:#10b981;content:'✓';font-weight:800}.package-plan-button{width:100%;height:41px;margin-top:auto;border-radius:10px;font-size:.72rem;font-weight:750}.package-plan-card form{margin-top:auto}.package-plan-card form .package-plan-button{margin-top:0}.package-popular-badge{position:absolute;top:-10px;right:14px;padding:.32rem .58rem;border-radius:999px;color:#fff;background:#2563eb;font-size:.62rem;font-weight:800;box-shadow:0 5px 12px rgba(37,99,235,.25)}.package-empty-state{padding:3rem 1rem;text-align:center;border:1px dashed #d8deea;border-radius:16px;background:#fff}.package-empty-state>span{display:inline-flex;align-items:center;justify-content:center;width:58px;height:58px;margin-bottom:.8rem;border-radius:17px;color:#2563eb;background:#eaf2ff;font-size:1.5rem}.package-empty-state h4{margin:0 0 .35rem;color:var(--panel-ink);font-size:1rem;font-weight:800}.package-empty-state p{margin:0;color:var(--panel-muted);font-size:.78rem}.package-trust-row{display:flex;align-items:center;justify-content:center;gap:1.5rem;margin-top:1.4rem;color:#8993a7;font-size:.68rem}.package-trust-row i{margin-right:.28rem;color:#10b981}
@media (max-width:991.98px){.package-plan-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:767.98px){.package-list-header{align-items:flex-start;flex-direction:column}.package-back-button{width:100%}.package-selector-card{align-items:flex-start;flex-wrap:wrap}.package-selector-copy{width:calc(100% - 58px);flex:auto}.package-selector-form{width:100%}.package-selected-heading{align-items:flex-start;flex-direction:column}.package-discount-badge{align-self:flex-start}.package-plan-grid{grid-template-columns:1fr}.package-plan-card{min-height:0}.package-trust-row{align-items:flex-start;flex-direction:column;gap:.55rem}}