/* KURT SOLVER · antrasit, kırmızı ve nötr beyaz */
:root{--bg:#f5f5f7;--surface2:#f8f8fa;--text:#242630;--muted:#7c7f8c;--border:#e7e7ec;--green:#cc3444;--mint:#ffb6bf;--mint-bg:#fff0f2;--nav:#111318;--shadow:0 5px 24px #20212c05}
.brand-wordmark{display:block;width:100%;height:auto;object-fit:contain}
.brand-mark{display:none}
.sidebar{inset:16px auto 16px 16px;width:264px;border:1px solid #26282f;border-radius:20px;background:linear-gradient(155deg,#1a1c23,#111318 65%);padding:14px 14px 12px;color:#a0a3b1;box-shadow:0 12px 30px #10121912;overflow:hidden}
.sidebar-brand-row{position:relative;display:flex;align-items:center;gap:4px;flex-shrink:0;min-height:75px;padding:2px 0 8px}
.sidebar-brand-row .brand{display:block;width:210px;min-width:0;padding:0}
.sidebar-collapse,.sidebar-close{display:grid;place-items:center;background:#ffffff06;color:#80838f;border:1px solid #ffffff0b;flex-shrink:0;width:23px;height:28px;border-radius:7px;padding:0}
.sidebar-collapse:hover,.sidebar-close:hover{background:#ffffff12;color:#fff}
.sidebar-collapse svg{transform:rotate(180deg)}
.sidebar-close{display:none}
.workspace{margin:8px 3px 17px;padding:13px 11px;background:#ffffff03;border:1px solid #ffffff0b;border-radius:10px;gap:10px;flex-shrink:0}
.workspace-indicator{width:7px;height:7px;flex-shrink:0;background:#e45d6b;box-shadow:0 0 0 4px #e45d6b12;border-radius:50%}
.workspace strong{font-size:10px;font-weight:600;letter-spacing:.8px;color:#e6e6ed}
.workspace small{font-size:9px;color:#838794;margin-top:4px}
.workspace-lock{font-size:8px;letter-spacing:1px;color:#a1a4b0;border:1px solid #ffffff15;padding:3px 5px;border-radius:4px;margin-left:auto}
#navigation{flex:1;min-height:0;margin:0 -3px;padding:0 3px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#383a43 transparent;overscroll-behavior:contain}
.nav-section{margin:0 0 9px}
.nav-section summary{display:flex;align-items:center;list-style:none;gap:8px;padding:9px 10px;color:#777c8b;font-size:9px;font-weight:600;letter-spacing:1.3px;cursor:pointer;user-select:none;border-radius:7px}
.nav-section summary::-webkit-details-marker{display:none}
.nav-section summary:hover{color:#bdc1cb;background:#ffffff03}
.nav-section summary>svg{transition:transform .15s;flex-shrink:0}
.nav-section[open]>summary>svg{transform:rotate(90deg)}
.nav-section-count{margin-left:auto;font-size:8px;font-weight:400;letter-spacing:0;color:#555b6a;font-variant-numeric:tabular-nums}
.nav-item{min-height:43px;padding:6px 10px;gap:11px;margin:3px 0;border:1px solid transparent;border-radius:9px;font-size:11px;font-weight:450;color:#a7abb9;transition:background .15s,color .15s}
.nav-icon{display:grid;place-items:center;flex-shrink:0;width:27px;height:27px;border:1px solid #ffffff08;background:#ffffff03;border-radius:7px}
.nav-item .nav-icon svg{width:16px;height:16px;color:#848a9b}
.nav-item:hover{background:#ffffff06;color:#f2f3f8}
.nav-item:hover .nav-icon{border-color:#ffffff14}
.nav-item.active{background:linear-gradient(90deg,#b4304326,#c9434c0b);border-color:#d7566030;color:#fff4f5;box-shadow:inset 0 1px #ffffff03}
.nav-item.active .nav-icon{background:#d83d4a1b;border-color:#d94a5433}
.nav-item.active .nav-icon svg{color:#ff8994}
.nav-item.active:before{left:-1px;top:13px;width:3px;height:16px;border-radius:0 3px 3px 0;background:#f15f70}
.nav-active-dot{width:5px;height:5px;border-radius:50%;background:#ec6978;flex-shrink:0;margin-left:auto}
.nav-item .nav-count{margin-left:auto;min-width:19px;text-align:center;padding:2px 5px;background:#ffffff08;color:#979dad;font-size:9px;border-radius:5px}
.nav-item .nav-count+.nav-active-dot{display:none}
.nav-item.active .nav-count{background:#d2474f25;color:#ff9aa4}
.sidebar-bottom{flex-shrink:0;margin-top:12px;padding-top:12px;border-top:1px solid #ffffff08}
.sidebar-resource{display:block;margin:0 5px 12px;padding:0;border:0;background:none;border-radius:0}
.sidebar-resource>span,.customer .sidebar-resource>span{font-size:9px;color:#818798}
.sidebar-resource strong{color:#d2d5df;font-family:inherit;font-size:10px}
.sidebar-resource .mini-progress{background:#282c35;height:3px;margin:9px 0}
.sidebar-resource .mini-progress i{background:#d96573}
.sidebar-resource small{font-size:8px;color:#717989;margin-top:6px;gap:6px}
.sidebar-resource .dot{background:#cbd2e0;width:4px;height:4px;box-shadow:none}
.sidebar-guide{display:flex;align-items:center;gap:9px;background:linear-gradient(105deg,#ffffff07,#ffffff02);border:1px solid #ffffff0a;padding:11px 9px;border-radius:10px;margin-bottom:12px;color:#c4c7d1;font-size:10px}
.guide-icon{display:grid;place-items:center;width:27px;height:27px;background:#ffffff08;border-radius:7px;color:#d5757f;font-size:16px}
.sidebar-guide small{display:block;font-size:8px;color:#6e7689;margin-top:4px}
.sidebar-guide>span:last-child{margin-left:auto;color:#626a7e}
.sidebar-guide:hover{background:#ffffff08;border-color:#ffffff16}
.sidebar-profile{border:1px solid #ffffff08;border-radius:10px;padding:10px;background:#ffffff03;gap:9px;color:#e1e3ea}
.sidebar-profile:hover{background:#ffffff08}
.sidebar-profile strong{font-size:11px;max-width:145px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sidebar-profile small{color:#767e90;font-size:9px;margin-top:2px}
.sidebar-profile .avatar{width:32px;height:32px;background:linear-gradient(135deg,#55333e,#312a37);border:1px solid #ffffff0a;color:#eabac2;font-size:12px;border-radius:9px}
.sidebar-profile .profile-settings{color:#777e8d}
.workspace-main{margin-left:296px;transition:margin-left .2s}
.topbar{background:#ffffffb8;border-bottom:1px solid #e9e9ee;backdrop-filter:blur(16px)}
.breadcrumb>span:first-of-type{font-size:9px;font-weight:600;letter-spacing:1px;color:#8b8d98}
.footer-brand{display:flex;align-items:center;gap:7px;font-weight:550;letter-spacing:.3px}
.footer-brand img{width:23px;height:23px;object-fit:contain}
.avatar{background:#f6e9ed;color:#a45a6a}
.button.primary{background:#cb3545;border-color:#cb3545;color:#fff;box-shadow:0 4px 10px #b7263615}
.button.primary:hover{background:#b92d3c;border-color:#b92d3c}
.customer-hero{background:radial-gradient(ellipse at 92% 70%,#5d2838,transparent 64%),linear-gradient(115deg,#191d29,#24212b);color:#f9f0f3}
.customer-hero:after{background:url('/assets/kurt-solver-mark.png?v=20261018-auth1') center/contain no-repeat;opacity:.07;border:0;box-shadow:none;border-radius:0;right:230px;width:245px;height:245px;transform:rotate(-10deg)}
.customer-hero .eyebrow{color:#d99aa6}.customer-hero p{color:#b1a9b8}
.hero-balance>span,.hero-balance strong small{color:#c0a8b4}
.hero-balance .button{background:#fff3f4;color:#913f50}
.wallet-card{background:radial-gradient(ellipse at right top,#593440,transparent),#24232e}
.wallet-card .label,.wallet-card p{color:#c4abb6}
.stat-icon{background:#f7edf0;color:#b26678}
.portal-chart>div{background:#cf8293}.portal-chart>div:hover{background:#b84f66}
.quota-meter i{background:#ce7d90}.text-link{color:#a86478}
.plan-filter button.active{background:#f9edf0;border-color:#eacbd3;color:#a95c70}
.plan-card li:before{color:#bc687d}
.sidebar-backdrop{display:none}
.sidebar a:focus-visible,.sidebar button:focus-visible,.sidebar summary:focus-visible{outline:2px solid #f28d9c;outline-offset:2px}
.login-art{background:radial-gradient(ellipse at 0 85%,#51253366,transparent 60%),#13151d;padding:36px 60px;min-height:750px}
.login-art:before{background-image:linear-gradient(#a66e7e 1px,transparent 1px),linear-gradient(90deg,#a66e7e 1px,transparent 1px);opacity:.045}
.login-art>.brand{width:290px;max-width:90%}
.login-copy{margin-top:44px}
.login-copy .eyebrow{color:#dc8b9a}
.login-copy h1{font-size:45px;line-height:1.18;color:#f8f4f6}
.login-copy p,.login-foot{color:#9d919f}
.login-wolf{width:245px;height:245px;margin:26px auto 0;opacity:.85;position:relative;transform:rotate(-7deg)}
.login-wolf img{width:100%;height:100%;object-fit:contain}
.login-foot .dot{background:#e37183}
.login-form .small-label{color:#b5596c;letter-spacing:2px}
.login-form .login-note,.login-domain,.login-domain span{color:#9a8e99}
.mobile-login-brand{display:none}
.dark{--bg:#14161d;--surface:#1c1f29;--surface2:#222631;--text:#e1e3eb;--muted:#969bad;--border:#2e3341;--mint-bg:#352830;--green:#e18799}
.dark .topbar{background:#1c1f29d9;border-color:#2c303e}
.dark .avatar{background:#3d2d38;color:#e0a6b8}
.dark .stat-icon{background:#382b35;color:#cc8b9e}
.dark .plan-filter button.active{background:#412d3b;border-color:#644050;color:#e2a1b5}
.dark .badge.green,.dark .button.soft,.dark .core,.dark .info-box,.dark .status-banner{background:#2c2b3d;border-color:#434052;color:#bab6d4}
@media(min-width:761px){
  .nav-compact .sidebar{width:82px;padding-left:10px;padding-right:10px}
  .nav-compact .workspace-main{margin-left:114px}
  .nav-compact .sidebar-brand-row{flex-direction:column;gap:7px;padding-bottom:12px}
  .nav-compact .sidebar-brand-row .brand{width:49px}
  .nav-compact .sidebar .brand-wordmark{display:none}
  .nav-compact .sidebar .brand-mark{display:block;width:49px;height:49px;object-fit:contain}
  .nav-compact .sidebar-collapse{width:44px;height:22px}
  .nav-compact .sidebar-collapse svg{transform:none}
  .nav-compact .workspace,.nav-compact .nav-section summary,.nav-compact .nav-text,.nav-compact .nav-count,.nav-compact .nav-active-dot,.nav-compact .sidebar-resource,.nav-compact .sidebar-guide,.nav-compact .sidebar-profile>span:not(.avatar){display:none}
  .nav-compact .nav-item{justify-content:center;padding:5px;min-height:43px}
  .nav-compact .nav-section{padding-top:8px;margin-bottom:8px;border-top:1px solid #ffffff08}
  .nav-compact .nav-section:first-child{border:0;padding-top:0}
  .nav-compact .sidebar-profile{padding:9px 0;justify-content:center}
}
@media(max-height:850px) and (min-width:761px){
  .sidebar-brand-row{min-height:65px;padding-bottom:2px}
  .workspace{margin-top:4px;margin-bottom:10px;padding:9px 11px}
  .nav-item{min-height:39px;margin:2px 0}
  .nav-section{margin-bottom:5px}
  .sidebar-guide{display:none}
  .sidebar-resource{display:block;margin-bottom:10px}
}
@media(max-width:1100px) and (min-width:761px){
  .sidebar{width:244px;inset:12px auto 12px 12px}
  .sidebar-brand-row .brand{width:188px}
  .workspace-main{margin-left:268px}
  .nav-compact .workspace-main{margin-left:106px}
  .login-art{padding:30px}
  .login-copy h1{font-size:34px}
  .login-wolf{width:205px;height:205px}
}
@media(max-width:760px){
  .sidebar{inset:10px auto 10px 10px;width:min(286px,calc(100vw - 42px));border-radius:18px;transform:translateX(calc(-100% - 16px));z-index:50;box-shadow:0 18px 70px #0005;transition:transform .2s}
  .sidebar.open{transform:translateX(0)}
  .sidebar-brand-row .brand{width:220px}
  .sidebar-collapse{display:none}
  .sidebar-close{display:grid;font-size:20px;width:26px;height:28px;margin-left:auto}
  .workspace-main{margin-left:0}
  .sidebar-guide{display:none}
  .sidebar-resource{display:block}
  .sidebar-bottom{padding-top:11px;margin-top:8px}
  .nav-item{min-height:41px}
  body:has(.sidebar.open){overflow:hidden}
  body:has(.sidebar.open) .sidebar-backdrop{display:block;position:fixed;inset:0;width:100%;height:100%;border:0;border-radius:0;background:#080c18a8;backdrop-filter:blur(4px);z-index:40;cursor:default}
  .mobile-login-brand{display:flex;align-items:center;gap:9px;max-width:330px;width:100%;margin-bottom:35px;font-size:20px;font-weight:800;color:#c53043;letter-spacing:.5px}
  .mobile-login-brand img{width:49px;height:49px;object-fit:contain}
  .mobile-login-brand b{font-weight:400;color:var(--text)}
  .login-form-wrap{padding-top:32px;padding-bottom:90px;min-height:100dvh}
  .login-domain{gap:10px;font-size:9px}
  .customer-hero:after{right:-20px;top:90px;opacity:.06}
  .footer-brand img{width:20px;height:20px}
}
@media(prefers-reduced-motion:reduce){.sidebar,.workspace-main,.nav-section summary>svg,.nav-item{transition:none}}
