/* CORZOCLOUD Client Portal v1.3.0
   Exact-prototype production translation. Native FOSSBilling workflows remain intact. */
:root{
 --cc-bg:#050A14;--cc-lowest:#080e18;--cc-low:#161c26;--cc-panel:rgba(14,19,30,.68);--cc-high:#242a35;
 --cc-text:#dde2f1;--cc-muted:#b9cacb;--cc-cyan:#00f2ff;--cc-green:#4dffb2;--cc-warning:#ffd166;--cc-danger:#ffb4ab;
 --cc-border:rgba(132,148,149,.20);--cc-border-cyan:rgba(0,242,255,.30);--cc-white-border:rgba(255,255,255,.10);
 color-scheme:dark;
}
*{box-sizing:border-box} html,body{min-height:100%;background:var(--cc-bg);color:var(--cc-text)}
body.cz-theme{margin:0;background-color:var(--cc-bg);background-image:radial-gradient(circle at 50% 0%,rgba(0,242,255,.065) 0%,transparent 56%);background-attachment:fixed;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--cc-text)}
h1,h2,h3,h4,h5,h6,.cc-brand,.cc-display{font-family:"Space Grotesk",Inter,sans-serif}.tech-label,.cc-chip,.cc-status,.cc-kicker,.cc-step-number,.cc-table thead,.badge{font-family:"JetBrains Mono",ui-monospace,monospace;font-size:11px;letter-spacing:.12em;text-transform:uppercase}
a{color:var(--cc-cyan);text-decoration:none}a:hover{color:#e1fdff}.cc-grid-fade{position:fixed;inset:0;pointer-events:none;z-index:0;background-image:linear-gradient(rgba(0,242,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(0,242,255,.04) 1px,transparent 1px);background-size:36px 36px;-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.78),transparent 88%);mask-image:linear-gradient(to bottom,rgba(0,0,0,.78),transparent 88%)}
.cc-topbar{position:sticky;top:0;z-index:50;border-bottom:1px solid rgba(255,255,255,.10);background:rgba(8,14,24,.80);backdrop-filter:blur(22px)}.cc-topbar-inner{max-width:1440px;margin:0 auto;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px}.cc-brand-wrap{display:flex;align-items:center;gap:12px}.cc-brand{font-weight:700;font-size:24px;letter-spacing:-.035em;color:var(--cc-cyan)}.cc-chip{display:inline-flex;align-items:center;border:1px solid rgba(0,242,255,.30);background:rgba(0,242,255,.10);color:var(--cc-cyan);border-radius:999px;padding:6px 12px}.cc-status{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(77,255,178,.30);background:rgba(77,255,178,.05);color:var(--cc-green);border-radius:999px;padding:8px 12px}.cc-dot{width:8px;height:8px;border-radius:999px;background:var(--cc-green);box-shadow:0 0 10px rgba(77,255,178,.8)}.cc-top-actions{display:flex;align-items:center;gap:10px}.cc-mobile-button{display:none;border:1px solid rgba(255,255,255,.10);background:transparent;color:var(--cc-muted);border-radius:10px;padding:8px}
.cc-btn,.btn{border-radius:9px!important;min-height:42px;padding:11px 16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:600;text-decoration:none;transition:.18s ease}.cc-btn-primary,.btn-primary,button[type=submit]{border:1px solid var(--cc-cyan)!important;background:rgba(0,242,255,.10)!important;color:var(--cc-cyan)!important;box-shadow:0 0 18px rgba(0,242,255,.16)}.cc-btn-primary:hover,.btn-primary:hover,button[type=submit]:hover{background:rgba(0,242,255,.20)!important;color:#e1fdff!important}.cc-btn-outline,.btn-outline-secondary,.btn-dark,.btn-secondary{border:1px solid rgba(255,255,255,.15)!important;background:transparent!important;color:var(--cc-text)!important}.cc-btn-outline:hover,.btn-outline-secondary:hover,.btn-dark:hover,.btn-secondary:hover{border-color:rgba(0,242,255,.60)!important;color:var(--cc-cyan)!important}.cc-btn-danger,.btn-danger{border:1px solid rgba(255,180,171,.48)!important;background:rgba(255,180,171,.08)!important;color:var(--cc-danger)!important}
.glass-panel,.cc-glass,.card,.accordion-item,.alert,.modal-content,.dropdown-menu,.list-group-item,.content-block{position:relative;overflow:hidden;background-color:var(--cc-panel)!important;backdrop-filter:blur(22px);border:1px solid var(--cc-border)!important;border-top-color:var(--cc-border-cyan)!important;border-left-color:var(--cc-border-cyan)!important;box-shadow:0 12px 44px rgba(0,0,0,.28)}.glass-panel:before,.cc-glass:before,.card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.05),transparent 22%);pointer-events:none}.glass-panel>* ,.cc-glass>* ,.card>*{position:relative;z-index:1}.glow-active{box-shadow:0 0 25px rgba(0,242,255,.22);border-top-color:rgba(0,242,255,.75)!important;border-left-color:rgba(0,242,255,.75)!important}
.cc-app-shell{position:relative;z-index:1;max-width:1440px;margin:0 auto;display:flex}.cc-sidebar{position:sticky;top:73px;width:288px;height:calc(100vh - 73px);flex:0 0 288px;border-right:1px solid rgba(255,255,255,.10);background:rgba(8,14,24,.94);padding:24px 16px;backdrop-filter:blur(22px);overflow:auto}.cc-main{min-width:0;flex:1;padding:32px 28px 40px}.cc-sidebar nav{display:flex;height:100%;flex-direction:column;gap:4px}.cc-side-link{display:flex;align-items:center;gap:12px;border-radius:12px;padding:12px 14px;color:var(--cc-muted)!important;font-size:14px;font-weight:500;border:1px solid transparent}.cc-side-link:hover,.cc-side-link.active{background:rgba(0,242,255,.10);border-color:rgba(0,242,255,.30);color:var(--cc-cyan)!important}.cc-side-link .material-symbols-outlined{font-size:22px}.cc-side-divider{margin:14px 0;border-top:1px solid rgba(255,255,255,.10)}.cc-assist{margin-top:auto;border:1px solid rgba(255,255,255,.10);background:rgba(22,28,38,.60);padding:16px;border-radius:12px}.cc-assist p{font-size:14px;line-height:1.6;color:var(--cc-muted);margin:8px 0 14px}.cc-footer{position:relative;z-index:1;border-top:1px solid rgba(255,255,255,.10);padding:24px 20px;color:var(--cc-muted);font-size:12px;text-align:center}.cc-footer-inner{max-width:1440px;margin:0 auto;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}.cc-footer-links{display:flex;gap:16px;flex-wrap:wrap}
.cc-kicker{display:block;margin-bottom:10px;color:var(--cc-cyan)}.cc-page-header{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:28px}.cc-page-title{font-size:clamp(34px,5vw,52px);line-height:1.04;color:#e1fdff;margin:0}.cc-page-copy{margin:10px 0 0;color:var(--cc-muted);max-width:760px;line-height:1.7}.cc-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:28px}.cc-stat{border-radius:12px;padding:20px}.cc-stat-head{display:flex;justify-content:space-between;gap:10px;color:var(--cc-muted)}.cc-stat-value{margin-top:18px;font-family:"Space Grotesk";font-size:42px;font-weight:600;color:#e1fdff}.cc-stat-note{margin-top:6px;color:var(--cc-muted);font-size:14px}.cc-stat-note.good{color:var(--cc-green)}.cc-grid-2{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr);gap:22px}.cc-panel{border-radius:16px;padding:24px}.cc-panel-title{font-size:24px;color:#e1fdff;margin:0}.cc-panel-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px}.cc-table{width:100%;min-width:620px;border-collapse:collapse;text-align:left;font-size:14px}.cc-table th{padding:0 0 12px;border-bottom:1px solid rgba(255,255,255,.10);font-weight:500;color:var(--cc-muted)}.cc-table td{padding:15px 0;border-bottom:1px solid rgba(255,255,255,.05);color:var(--cc-text)}.cc-table-wrap{overflow-x:auto}.cc-badge,.badge{display:inline-flex;align-items:center;border-radius:999px;padding:5px 10px;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.04);color:var(--cc-muted)}.bg-success,.cc-badge-success{border-color:rgba(77,255,178,.40)!important;background:rgba(77,255,178,.10)!important;color:var(--cc-green)!important}.bg-warning,.cc-badge-warning{border-color:rgba(255,209,102,.38)!important;background:rgba(255,209,102,.08)!important;color:var(--cc-warning)!important}.bg-danger,.cc-badge-danger{border-color:rgba(255,180,171,.38)!important;background:rgba(255,180,171,.08)!important;color:var(--cc-danger)!important}
.cc-service-card{border-radius:16px;padding:24px;margin-bottom:18px}.cc-service-main{display:flex;justify-content:space-between;gap:24px;align-items:center}.cc-service-identity{display:flex;gap:16px}.cc-icon-box{width:56px;height:56px;display:grid;place-items:center;flex:0 0 auto;border-radius:12px;border:1px solid rgba(0,242,255,.30);background:rgba(0,242,255,.10);color:var(--cc-cyan)}.cc-service-title{font-size:24px;margin:0;color:#e1fdff}.cc-service-meta{margin-top:6px;color:var(--cc-muted);font-size:14px}.cc-service-foot{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:20px;padding-top:18px;border-top:1px solid rgba(255,255,255,.10)}.cc-meta-label{display:block;color:var(--cc-muted);font-family:"JetBrains Mono";font-size:11px;letter-spacing:.12em;text-transform:uppercase}.cc-meta-value{display:block;margin-top:7px;color:var(--cc-text);font-size:14px}
.cc-public-shell{position:relative;z-index:1}.cc-public-main{max-width:1440px;margin:0 auto;padding:32px 20px 48px}.cc-auth-grid{max-width:1150px;margin:0 auto;display:grid;grid-template-columns:1.05fr .95fr;gap:24px;align-items:stretch}.cc-auth-hero,.cc-auth-card{border-radius:16px;padding:32px}.cc-auth-hero h1{font-size:clamp(40px,6vw,64px);line-height:1.05;color:#e1fdff;margin:0}.cc-auth-hero p{font-size:17px;line-height:1.8;color:var(--cc-muted);margin:18px 0 0}.cc-trust-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:36px}.cc-trust-card{border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.025);border-radius:12px;padding:16px}.cc-trust-card .material-symbols-outlined{color:var(--cc-cyan)}.cc-trust-title{display:block;margin-top:12px;color:var(--cc-text);font-size:13px;font-family:"JetBrains Mono";letter-spacing:.09em;text-transform:uppercase}.cc-trust-card p{margin:8px 0 0;font-size:13px;line-height:1.6;color:var(--cc-muted)}.cc-auth-card h2{font-size:32px;color:#e1fdff;margin:10px 0 0}.cc-auth-card form{margin-top:26px}.cc-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.cc-form-field{margin-bottom:16px}.cc-form-field label,.form-label{display:block;margin-bottom:8px;color:var(--cc-muted);font-size:14px}.form-control,.form-select,input,select,textarea,.input-group-text{width:100%;border-radius:9px!important;background:rgba(8,14,24,.86)!important;border:1px solid rgba(132,148,149,.26)!important;color:var(--cc-text)!important;padding:11px 13px!important}.form-control:focus,.form-select:focus,input:focus,select:focus,textarea:focus{outline:none!important;border-color:rgba(0,242,255,.72)!important;box-shadow:0 0 0 1px rgba(0,242,255,.28)!important}.input-group{display:flex}.input-group>.form-control{min-width:0}.cc-auth-benefits{display:grid;gap:18px;margin-top:20px}.cc-benefit{display:flex;gap:12px}.cc-benefit .material-symbols-outlined{color:var(--cc-green)}.cc-benefit strong{display:block;color:var(--cc-text);font-size:14px}.cc-benefit p{margin:4px 0 0;color:var(--cc-muted);font-size:14px;line-height:1.6}
.cc-order-header{max-width:900px;margin:0 auto 28px;text-align:center}.cc-order-header h1{font-size:clamp(40px,6vw,64px);line-height:1.04;color:#e1fdff;margin:0}.cc-order-header p{color:var(--cc-muted);font-size:17px;line-height:1.7}.cc-stepper{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;max-width:1050px;margin:0 auto 24px}.cc-step{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.02);color:var(--cc-muted);border-radius:12px;padding:12px}.cc-step.active{border-color:rgba(0,242,255,.72);background:rgba(0,242,255,.10);color:var(--cc-cyan);box-shadow:0 0 12px rgba(0,242,255,.14)}.cc-step.done{border-color:rgba(77,255,178,.55);background:rgba(77,255,178,.08);color:var(--cc-green)}.cc-step-number{display:block}.cc-step-label{display:block;margin-top:4px;font-size:14px}.cc-order-flow{max-width:1180px;margin:0 auto}.cc-order-flow .accordion-item{border-radius:14px;margin-bottom:14px}.cc-order-flow .accordion-button{background:rgba(14,19,30,.82)!important;color:var(--cc-text)!important;border:0!important;padding:18px 20px;font-weight:600}.cc-order-flow .accordion-button:not(.collapsed){color:var(--cc-cyan)!important;box-shadow:none!important}.cc-order-flow .accordion-body{padding:20px}.cc-product-grid{display:grid;gap:18px}.cc-category-head{margin-bottom:14px}.cc-category-head h3{color:#e1fdff;font-size:24px;margin:0}.cc-category-head p{margin:6px 0 0;color:var(--cc-muted)}.cc-plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.cc-plan{display:flex;flex-direction:column;border-radius:16px;padding:22px;min-height:270px}.cc-plan h4{font-size:23px;color:#e1fdff;margin:9px 0 0}.cc-plan-copy{color:var(--cc-muted);font-size:14px;line-height:1.65;margin:14px 0}.cc-plan-actions{margin-top:auto}.cc-plan .material-symbols-outlined{color:var(--cc-cyan);font-size:28px}.cc-config-grid,.cc-checkout-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:20px}.cc-summary-card{border-radius:14px;padding:18px;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.025)}.cc-summary-card h3{color:#e1fdff;margin:8px 0 0;font-size:22px}.cc-summary-row{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.08);font-size:14px}.cc-summary-row:last-child{border-bottom:0}.cc-summary-row span:first-child{color:var(--cc-muted)}.cc-summary-row span:last-child{color:var(--cc-text)}.cc-empty{text-align:center;padding:36px 18px}.cc-empty h3{color:#e1fdff}.cc-empty p{color:var(--cc-muted)}
.card-header,.card-footer{background:transparent!important;border-color:rgba(255,255,255,.10)!important}.table{--bs-table-bg:transparent;--bs-table-color:var(--cc-text);--bs-table-border-color:rgba(255,255,255,.10);color:var(--cc-text)!important}.table *{color:inherit}.nav-tabs{border-bottom-color:rgba(255,255,255,.10)!important}.nav-tabs .nav-link{color:var(--cc-muted)!important;border:0!important;border-bottom:2px solid transparent!important}.nav-tabs .nav-link.active{background:transparent!important;color:var(--cc-cyan)!important;border-bottom-color:var(--cc-cyan)!important}.breadcrumb{font-size:13px}.breadcrumb,.breadcrumb a{color:var(--cc-muted)!important}.modal-content{border-radius:16px}.dropdown-item{color:var(--cc-text)!important}.dropdown-item:hover{background:rgba(0,242,255,.07)!important;color:var(--cc-cyan)!important}.text-muted,.text-secondary,p{color:var(--cc-muted)}.pagination .page-link{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.10);color:var(--cc-text)}.pagination .active .page-link{background:rgba(0,242,255,.14);border-color:rgba(0,242,255,.55);color:var(--cc-cyan)}
@media(max-width:1199px){.cc-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cc-grid-2{grid-template-columns:1fr}.cc-plan-grid{grid-template-columns:1fr}.cc-sidebar{position:fixed;inset:73px auto 0 0;z-index:45;transform:translateX(-100%);transition:transform .2s ease}.cc-sidebar.open{transform:translateX(0)}.cc-mobile-button{display:inline-flex}.cc-main{padding:24px 20px;width:100%}}
@media(max-width:767px){.cc-chip,.cc-status{display:none}.cc-auth-grid,.cc-config-grid,.cc-checkout-grid{grid-template-columns:1fr}.cc-trust-grid{grid-template-columns:1fr}.cc-stepper{grid-template-columns:repeat(2,minmax(0,1fr))}.cc-stat-grid{grid-template-columns:1fr}.cc-page-header{align-items:flex-start;flex-direction:column}.cc-service-main{align-items:flex-start;flex-direction:column}.cc-service-foot{grid-template-columns:1fr}.cc-form-grid{grid-template-columns:1fr}.cc-topbar-inner{padding:14px 16px}.cc-main,.cc-public-main{padding-left:16px;padding-right:16px}.cc-auth-hero,.cc-auth-card,.cc-panel{padding:20px}}