#chungsuc-view{max-width:1650px;margin:0 auto}.cs-heading{align-items:center}.cs-title{display:flex;align-items:center;gap:18px}.cs-title>img{width:64px;height:64px;border-radius:14px;object-fit:cover;border:1px solid #51466c}.cs-title h1{margin:5px 0;font-size:29px}.cs-title p{margin:0;color:var(--muted);font-size:12px}.cs-card{padding:22px}.cs-card h2{font-size:15px;margin:0 0 16px}.cs-order-card{padding:22px;background:linear-gradient(135deg,#14120f,#111011 65%);border-color:#33302b}.cs-single-code{display:flex;gap:20px;align-items:center;margin-bottom:25px}.cs-single-code label{font-size:15px;font-weight:750;white-space:nowrap;color:#eee5ff}.cs-single-code input{max-width:780px!important;background:#0d0c0f!important;border-color:#55452c!important}.cs-package-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.cs-package-heading h2{font-size:16px;margin:0}.cs-package-heading>span{font-size:11px;color:#a79ab5}.cs-featured-packages{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.cs-package{display:flex;flex-direction:column;align-items:flex-start;position:relative;text-align:left;padding:17px 15px;border:1px solid #443c31;border-radius:12px;background:linear-gradient(145deg,#19150f,#100f10);color:#f4e9ff;transition:border-color .15s,box-shadow .15s,background .15s;min-width:0}.cs-package:hover:not(:disabled){border-color:#b28940;background:#211b13}.cs-package.selected{border-color:#ca9a24;background:linear-gradient(135deg,#30240d,#1b150e);box-shadow:0 0 0 1px #ebc14a33,0 0 17px #ffd22e25}.cs-package:focus-visible{outline-color:#f4c654}.cs-package-title{display:block;font-weight:850;color:#e8d3ff;text-shadow:0 0 9px #c87cff45;font-size:11px;line-height:1.5}.cs-package-featured .cs-package-title{font-size:16px;padding-right:105px}.cs-package-badge{border:1px solid #8752b2;background:#542b674d;color:#d4b1ff;border-radius:12px;font-size:8px;font-weight:800;padding:2px 7px;white-space:nowrap;margin-top:7px}.cs-package-featured .cs-package-badge{position:absolute;right:16px;top:15px;margin:0}.cs-package-requirement{color:#e1c8f5;border:1px solid #70458e;background:#3c234c91;border-radius:12px;display:inline-block;padding:3px 7px;font-size:9px;font-weight:750;margin-top:11px;line-height:1.4}.cs-package-price{display:block;color:#ca8dff;margin:13px 0 12px;white-space:nowrap}.cs-package-price strong{font-size:20px;font-weight:900;letter-spacing:-.6px;text-shadow:0 0 9px #a760ff45}.cs-package-featured .cs-package-price strong{font-size:29px}.cs-package-price small{font-size:10px;color:#e0c3f2;font-weight:700}.cs-package-description{display:block;font-size:9px;color:#c8c1bb;border-top:1px dashed #7969542e;padding-top:11px;line-height:1.65;margin-top:auto}.cs-package-featured .cs-package-description{font-size:11px;width:100%}.cs-tier-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:16px 0 10px;padding:9px 12px;border-left:2px solid #c38dff;border-radius:5px;background:#2a222d;color:#e8d5ff;font-size:11px}.cs-tier-heading span{font-size:9px;color:#b4a2c8}.cs-ticket-packages{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:8px}.cs-ticket-packages .cs-package{padding:12px 10px;min-height:183px}.cs-order-summary{display:flex;justify-content:space-between;align-items:center;gap:15px;border-top:1px solid #39302b;margin-top:19px;padding-top:17px}.cs-order-summary span{display:block;font-size:12px;font-weight:700;color:#d8c6e9}.cs-order-summary strong{display:block;font-size:17px;color:#e3b8ff;margin-top:5px}.cs-source-notice{font-size:11px;color:#ab9eaf;margin:11px 0 0}.cs-actions{display:flex;gap:10px;margin-top:17px}.cs-start{background:linear-gradient(100deg,#7955ec,#ad5be0);color:#fff;min-width:220px}.cs-order-card+.cs-card{margin-top:20px}
.cs-progress-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px}.cs-progress-head h2{margin:0}.cs-progress-head span{font-size:11px;color:var(--muted)}.cs-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:15px 0}.cs-metrics>div{background:#0f1722;border:1px solid var(--border);border-radius:9px;padding:13px 16px}.cs-metrics span{display:block;font-size:11px;color:var(--muted)}.cs-metrics strong{display:block;font-size:24px;margin-top:4px;color:#c3adff}.cs-metrics small{font-size:10px;color:var(--muted)}.cs-progressbar{position:relative;background:#1b2731;border-radius:6px;height:24px;overflow:hidden}.cs-progressbar progress{position:absolute;width:100%;height:100%;appearance:none;border:0;background:transparent}.cs-progressbar progress::-webkit-progress-bar{background:#1b2731}.cs-progressbar progress::-webkit-progress-value{background:#43af62;transition:width .3s}.cs-progressbar progress::-moz-progress-bar{background:#43af62}.cs-progressbar span{position:relative;display:block;text-align:center;font-size:11px;line-height:24px;font-weight:700;color:#fff}.cs-status{color:var(--muted);font-size:12px;margin:12px 0 0;overflow-wrap:anywhere}.cs-table-wrap{overflow:auto;border:1px solid var(--border);border-radius:8px;margin-top:15px}.cs-table{width:100%;border-collapse:collapse;font-size:12px;text-align:left;white-space:nowrap}.cs-table th{padding:11px 13px;background:#172133;font-size:10px;letter-spacing:.3px;color:#b5c5df}.cs-table td{padding:11px 13px;border-top:1px solid #253042;color:#a6b8cf;max-width:480px;white-space:normal;overflow-wrap:anywhere}.cs-table td:nth-child(2){white-space:nowrap;color:#e4deff}.cs-table tr[data-phase=done] td:last-child{color:var(--green)}.cs-table tr[data-phase=error] td:last-child,.cs-table tr[data-phase=invalid] td:last-child{color:var(--red)}.cs-empty{text-align:center;padding:30px!important;color:var(--muted)!important}.cs-files{display:grid;grid-template-columns:1fr 1fr;gap:10px}.cs-files button{display:flex;justify-content:space-between;gap:12px;border:1px solid var(--border);background:#172133;border-radius:8px;padding:16px;text-align:left}.cs-files small{display:block;color:var(--muted);font-size:10px;margin-top:5px}.cs-files strong{color:var(--green)}
@media(max-width:1700px){.cs-ticket-packages{grid-template-columns:repeat(5,minmax(0,1fr))}.cs-ticket-packages .cs-package{min-height:174px}.cs-package-price strong{font-size:23px}}@media(max-width:1000px){.cs-package-featured .cs-package-title{padding:0;font-size:14px}.cs-package-featured .cs-package-badge{position:static;margin-top:7px}.cs-ticket-packages{grid-template-columns:repeat(3,minmax(0,1fr))}.cs-tier-heading span{display:none}.cs-title h1{font-size:25px}}@media(max-width:600px){.cs-card,.cs-order-card{padding:16px}.cs-title>img{width:50px;height:50px}.cs-title{gap:12px}.cs-title h1{font-size:22px}.cs-single-code{display:block}.cs-single-code label{display:block;margin-bottom:10px}.cs-featured-packages{grid-template-columns:1fr}.cs-ticket-packages{grid-template-columns:repeat(2,minmax(0,1fr))}.cs-metrics{grid-template-columns:repeat(2,1fr)}.cs-files{grid-template-columns:1fr}.cs-package-heading>span{display:none}.cs-order-summary{align-items:flex-start;flex-wrap:wrap}.cs-order-summary strong{font-size:15px}.cs-progress-head{align-items:flex-start}.cs-actions{flex-wrap:wrap}.cs-start{min-width:190px}}

.cs-title .cs-service-promise{color:#a9ebcd;font-weight:650;font-size:12px;margin-top:7px;text-shadow:0 0 12px #47ceaa25}
