
:root{
 --tc-bg:#060b18;--tc-bg2:#0a1226;--tc-surface:rgba(14,25,50,.78);
 --tc-surface2:rgba(19,34,65,.9);--tc-border:rgba(157,190,255,.14);
 --tc-text:#f7faff;--tc-muted:#96a8c5;--tc-blue:#20a8ff;--tc-blue2:#5b6cff;
 --tc-green:#35d39a;--tc-red:#ff647d;--tc-yellow:#f6c85f;
 --tc-radius:20px;--tc-max:1280px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;min-width:320px;background:
 radial-gradient(circle at 8% 0%,rgba(32,168,255,.14),transparent 28%),
 radial-gradient(circle at 92% 8%,rgba(91,108,255,.13),transparent 30%),var(--tc-bg);
 color:var(--tc-text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
 -webkit-font-smoothing:antialiased;line-height:1.55}
a{color:inherit}img{max-width:100%;height:auto}button,input,select,textarea{font:inherit}
button,a{touch-action:manipulation}
.tc-container{width:min(calc(100% - 32px),var(--tc-max));margin-inline:auto}
.tc-card{background:linear-gradient(145deg,rgba(18,34,66,.82),rgba(7,15,32,.9));
 border:1px solid var(--tc-border);border-radius:var(--tc-radius);box-shadow:0 24px 70px rgba(0,0,0,.3);
 backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.tc-btn{min-height:44px;border:0;border-radius:12px;padding:11px 17px;cursor:pointer}
.tc-input{width:100%;min-height:46px;border:1px solid var(--tc-border);border-radius:12px;
 background:rgba(3,9,22,.65);color:var(--tc-text);padding:12px 14px;outline:0}
.tc-input:focus{border-color:rgba(32,168,255,.7);box-shadow:0 0 0 4px rgba(32,168,255,.1)}
@media(max-width:700px){.tc-container{width:min(calc(100% - 22px),var(--tc-max))}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Page layout */
.tc-page{width:min(calc(100% - 32px),1280px);margin:0 auto;padding:48px 0 20px;min-height:calc(100vh - 150px)}
.tc-title{padding:18px 0 24px}.tc-title small{color:#20a8ff;font-size:11px;font-weight:800;letter-spacing:1.4px}.tc-title h1{margin:7px 0;font-size:clamp(28px,4vw,44px);font-weight:900;letter-spacing:-1px}.tc-title p{margin:0;color:#8fa5c6;max-width:700px}.tc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.tc-card{padding:20px;text-decoration:none}.tc-stat{min-height:125px;display:flex;flex-direction:column;justify-content:space-between}.tc-stat span{color:#8fa5c6;font-size:13px}.tc-stat strong{font-size:28px}.tc-search{display:flex;gap:12px;margin-bottom:18px}.tc-search input,.tc-search select{flex:1}.tc-field{width:100%;min-height:46px;border:1px solid var(--tc-border);border-radius:12px;background:rgba(3,9,22,.65);color:var(--tc-text);padding:12px 14px;outline:0}.tc-market-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.tc-product{overflow:hidden;transition:.2s}.tc-product:hover{transform:translateY(-4px);border-color:rgba(32,168,255,.5)}.tc-product img{width:100%;height:170px;object-fit:cover;border-radius:13px;margin-bottom:14px}.tc-product h3{margin:10px 0 6px}.tc-product p{color:#91a7c7;min-height:42px}.tc-userbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:15px}.tc-price{font-size:19px;color:#36c4ff}.tc-badge{display:inline-flex;padding:5px 9px;border-radius:999px;background:rgba(32,168,255,.12);color:#65caff;font-size:11px}.tc-empty{padding:35px;text-align:center;color:#8fa5c6}.tc-form{display:grid;gap:14px}.tc-form .tc-field{display:grid;gap:7px}.tc-form label{font-size:13px;color:#a8b9d0}.tc-form input,.tc-form select,.tc-form textarea{width:100%;box-sizing:border-box}.tc-form textarea{resize:vertical}.tc-btn.primary{color:#fff;background:linear-gradient(135deg,#20a8ff,#5b6cff);box-shadow:0 12px 30px rgba(32,168,255,.18)}.tc-alert{display:none;padding:12px 14px;margin-bottom:14px;border-radius:12px;background:rgba(255,100,125,.1);border:1px solid rgba(255,100,125,.25);color:#ff9bad}.tc-alert:not(:empty){display:block}.tc-ok{color:#6be4b4;background:rgba(53,211,154,.08);border-color:rgba(53,211,154,.22)}.tc-auth{min-height:calc(100vh - 150px);display:grid;place-items:center;padding:40px 16px}.tc-auth-card{width:min(100%,520px);padding:30px;border-radius:24px;background:linear-gradient(145deg,rgba(18,34,66,.92),rgba(7,15,32,.96));border:1px solid var(--tc-border);box-shadow:0 30px 90px rgba(0,0,0,.4)}.tc-auth-brand{text-align:center;margin-bottom:22px}.tc-auth-brand h1{margin:18px 0 7px}.tc-auth-brand p{color:#8fa5c6;font-size:13px}.tc-socials{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px}.tc-auth-divider{text-align:center;color:#7185a4;font-size:12px;margin:14px 0}.tc-iconbtn{border:1px solid var(--tc-border);background:rgba(10,20,40,.8);color:#fff;min-width:44px;border-radius:12px;cursor:pointer}.tc-logo{display:inline-flex;align-items:center;gap:10px;color:#fff;text-decoration:none}.tc-logo-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(135deg,#20a8ff,#5b6cff)}.tc-logo strong{font-size:20px}.tc-logo strong span{color:#20a8ff}.tc-logo small{display:block;color:#7f94b5;font-size:9px}.tc-settings{display:grid;gap:12px}.tc-setting{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 20px;border:1px solid var(--tc-border);border-radius:18px;background:linear-gradient(145deg,rgba(18,34,66,.78),rgba(7,15,32,.9))}.tc-setting p{color:#8198b8;font-size:12px}.tc-switch{width:48px;height:27px;border-radius:99px;background:#243552;position:relative;cursor:pointer;flex:none}.tc-switch:after{content:"";position:absolute;top:4px;left:4px;width:19px;height:19px;border-radius:50%;background:#fff;transition:.2s}.tc-switch.on{background:#20a8ff}.tc-switch.on:after{left:25px}
@media(max-width:900px){.tc-grid{grid-template-columns:repeat(2,1fr)}.tc-market-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.tc-page{width:min(calc(100% - 22px),1280px);padding-top:28px}.tc-grid,.tc-market-grid{grid-template-columns:1fr}.tc-search{flex-direction:column}.tc-socials{grid-template-columns:1fr}.tc-auth-card{padding:22px}.tc-setting{align-items:flex-start}.tc-title h1{font-size:30px}}

/* settings.html specific styles */
