@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap');
:root{--ink:#16213a;--muted:#7a8499;--line:#e7eaf1;--blue:#3457d5;--blue2:#243da4;--bg:#f6f7fb;--white:#fff;--green:#16875c;--amber:#bd7615;--violet:#7250c9}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.55 "DM Sans",sans-serif}h1,h2,h3,p{margin-top:0}h1,h2{font-family:Manrope,sans-serif;letter-spacing:-.035em}button,input,select,textarea{font:inherit}.shell{display:grid;grid-template-columns:244px 1fr;min-height:100vh}.sidebar{background:#101a33;color:#fff;padding:28px 18px 20px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.logo{display:flex;align-items:center;gap:12px;color:white;text-decoration:none;padding:0 10px 30px;font:700 18px Manrope}.logo>span,.brand-mark{display:grid;place-items:center;width:39px;height:39px;border-radius:12px;background:linear-gradient(145deg,#627df2,#2c49c2);color:white;font-weight:800;box-shadow:0 8px 22px #263e9d55}.sidebar nav{display:grid;gap:6px}.sidebar nav a{display:flex;align-items:center;gap:13px;padding:12px 14px;border-radius:10px;color:#9fa9c0;text-decoration:none;font-weight:600;font-size:14px}.sidebar nav a:hover,.sidebar nav a.active{background:#ffffff12;color:#fff}.profile{margin-top:auto;border-top:1px solid #ffffff14;padding:20px 5px 0;display:flex;align-items:center;gap:10px}.profile .avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#334b91}.profile div{min-width:0}.profile strong,.profile small{display:block}.profile strong{font-size:13px}.profile small{color:#8490a9;font-size:11px}.profile form{margin-left:auto}.profile button{border:0;background:transparent;color:#8490a9;cursor:pointer}.main{padding:42px clamp(24px,4vw,62px);overflow:hidden}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.16em;color:#4763d0;margin-bottom:7px}.topbar h1{font-size:31px;margin-bottom:3px}.topbar p:not(.eyebrow),.muted,.panel-head p{color:var(--muted)}.btn{border:0;border-radius:10px;padding:11px 18px;font-weight:700;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:25px}.btn.primary{background:linear-gradient(135deg,var(--blue),var(--blue2));color:white;box-shadow:0 7px 18px #3457d530}.btn.secondary{background:white;color:var(--ink);border:1px solid var(--line)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:22px}.stats article{background:white;border:1px solid var(--line);border-radius:15px;padding:20px;display:flex;gap:14px;box-shadow:0 8px 25px #15213b08}.stat-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;font-size:18px;font-weight:800}.stat-icon.blue{background:#edf1ff;color:var(--blue)}.stat-icon.amber{background:#fff5e5;color:var(--amber)}.stat-icon.violet{background:#f2edff;color:var(--violet)}.stat-icon.green{background:#e7f8f1;color:var(--green)}.stats small,.stats strong,.stats em{display:block}.stats small{color:var(--muted);font-weight:600}.stats strong{font:800 28px Manrope;margin:1px 0}.stats em{font-style:normal;font-size:11px;color:#a0a8b8}.panel{background:white;border:1px solid var(--line);border-radius:15px;overflow:hidden;box-shadow:0 8px 25px #15213b08}.panel-head{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--line)}.panel-head h2{font-size:17px;margin:0}.panel-head p{margin:2px 0 0;font-size:12px}.panel-head a{font-weight:700;color:var(--blue);text-decoration:none}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:700px}th,td{text-align:left;padding:15px 22px;border-bottom:1px solid #eff1f5}th{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#929aab;background:#fbfbfd}td{font-size:13px}td small{display:block;color:var(--muted)}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fafbfe}.empty{text-align:center;color:var(--muted);padding:45px}.status{display:inline-block;border:0;border-radius:99px;padding:6px 9px;font-size:11px;font-weight:700}.status.new{background:#edf1ff;color:#3457d5}.status.contacted{background:#fff5e5;color:#a9660c}.status.qualified{background:#f2edff;color:#6946bd}.status.appointment{background:#e9f7fa;color:#16738a}.status.won{background:#e7f8f1;color:#147650}.status.lost{background:#ffeded;color:#b63d3d}.status-form{margin:0}.filters{display:flex;gap:10px;margin-bottom:18px}.filters input{flex:1}.filters input,.filters select,label input,label select,label textarea{border:1px solid #dfe3ec;background:white;border-radius:9px;padding:11px 12px;outline:none;width:100%;color:var(--ink)}input:focus,select:focus,textarea:focus{border-color:#7790eb;box-shadow:0 0 0 3px #3457d516}label{display:grid;gap:6px;font-size:12px;font-weight:700;color:#4a556d}.login-page{min-height:100vh;display:grid;grid-template-columns:1.12fr .88fr;background:white}.login-visual{position:relative;overflow:hidden;background:linear-gradient(145deg,#111d3c,#263f94);padding:8vw;color:white;display:flex;align-items:center}.login-visual:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 15%,#758dff40,transparent 32%),linear-gradient(125deg,transparent 42%,#ffffff08 42%,#ffffff08 43%,transparent 43%)}.visual-copy{position:relative;z-index:1;max-width:520px}.pill{display:inline-block;border:1px solid #ffffff30;background:#ffffff0d;border-radius:99px;padding:6px 13px;font-size:11px;letter-spacing:.12em;text-transform:uppercase}.visual-copy h1{font-size:clamp(42px,5vw,69px);line-height:1.04;margin:28px 0}.visual-copy em{font-style:normal;color:#91a6ff}.visual-copy p{max-width:440px;color:#bec8e4;font-size:16px}.orb{position:absolute;width:430px;height:430px;border:1px solid #ffffff14;border-radius:50%;right:-210px;bottom:-130px;box-shadow:0 0 0 80px #ffffff05,0 0 0 160px #ffffff03}.login-panel{display:grid;place-items:center;padding:40px}.login-box{width:min(380px,100%)}.login-box .brand-mark{margin-bottom:48px}.login-box h2{font-size:30px;margin:3px 0}.login-box form{display:grid;gap:17px;margin-top:28px}.login-box .btn{margin-top:7px;width:100%;padding:13px}.secure-note{text-align:center;color:#9aa2b2;font-size:11px;margin-top:25px}.alert{padding:11px 14px;border-radius:9px;margin:15px 0;font-size:13px}.alert.error{background:#fff0f0;color:#a93131;border:1px solid #ffd8d8}.alert.success{background:#ecfbf4;color:#16704d;border:1px solid #ccefe1}.install-page{min-height:100vh;display:grid;place-items:center;padding:40px}.install-card{background:white;border:1px solid var(--line);border-radius:18px;padding:35px;width:min(680px,100%);box-shadow:0 20px 60px #14203a12}.install-card .brand-mark{margin-bottom:25px}.install-card h1{font-size:30px;margin-bottom:7px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:25px}.form-grid .full{grid-column:1/-1}label small{color:var(--muted);font-weight:400}dialog{border:0;border-radius:16px;padding:0;box-shadow:0 30px 80px #101a3355;width:min(500px,calc(100% - 32px))}dialog::backdrop{background:#101a3377;backdrop-filter:blur(3px)}dialog form{display:grid;gap:15px;padding:25px}.modal-head{display:flex;justify-content:space-between}.modal-head h2{margin:0}.modal-head button{font-size:28px;border:0;background:transparent;color:#8390a6;cursor:pointer}.modal-head .eyebrow{margin:0}
@media(max-width:1000px){.stats{grid-template-columns:1fr 1fr}.shell{grid-template-columns:76px 1fr}.sidebar{padding-left:10px;padding-right:10px}.logo strong,.sidebar nav span,.profile div,.profile form{display:none}.logo{padding-left:8px}.sidebar nav a{justify-content:center;font-size:19px}.profile{justify-content:center}.login-page{grid-template-columns:1fr}.login-visual{display:none}}
@media(max-width:650px){.main{padding:25px 16px}.topbar{align-items:flex-end}.topbar h1{font-size:25px}.stats{grid-template-columns:1fr}.filters{flex-wrap:wrap}.filters input{flex-basis:100%}.shell{grid-template-columns:1fr}.sidebar{position:fixed;z-index:10;bottom:0;top:auto;width:100%;height:64px;padding:8px 16px;display:block}.logo,.profile{display:none}.sidebar nav{display:flex;justify-content:center}.sidebar nav a{padding:9px 30px}.main{padding-bottom:90px}.login-panel{padding:25px}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.install-card{padding:25px}}

/* 2.0.1: uzun yönetim menüsünün panel dışına taşmasını engeller. */
@media(min-width:651px){.shell{grid-template-columns:244px minmax(0,1fr)}.sidebar{min-height:0;overflow:hidden}.logo{flex:0 0 auto;padding-bottom:22px}.sidebar nav{min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#ffffff2b transparent;padding-right:4px;gap:4px}.sidebar nav::-webkit-scrollbar{width:5px}.sidebar nav::-webkit-scrollbar-thumb{background:#ffffff2b;border-radius:99px}.sidebar nav a{padding-top:10px;padding-bottom:10px}.profile{flex:0 0 auto}}
@media(max-width:650px){.topbar{gap:12px;flex-wrap:wrap}.sidebar{height:68px;padding:8px 10px}.sidebar nav{justify-content:flex-start;overflow-x:auto;overflow-y:hidden;padding:0 0 4px;scrollbar-width:none}.sidebar nav::-webkit-scrollbar{display:none}.sidebar nav a{padding:9px 18px;white-space:nowrap;flex:0 0 auto}.main{padding-bottom:92px}}

/* 2.2.0: sade ve gruplu navigasyon. */
.nav-main,.nav-group>div{display:grid;gap:4px}.nav-group{border-top:1px solid #ffffff12;margin-top:7px;padding-top:7px}.nav-group summary{display:flex;align-items:center;justify-content:space-between;padding:8px 13px;color:#6f7c98;font-size:10px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;cursor:pointer;list-style:none;user-select:none}.nav-group summary::-webkit-details-marker{display:none}.nav-group summary b{font-size:14px;transition:transform .18s}.nav-group[open] summary b{transform:rotate(180deg)}.nav-group summary:hover{color:#b8c2d8}
@media(max-width:1000px) and (min-width:651px){.nav-group summary{justify-content:center;padding:6px 0}.nav-group summary span{display:none}.nav-group summary b{font-size:11px}.nav-group>div{display:grid!important}}
@media(max-width:650px){.nav-main,.nav-group,.nav-group>div{display:contents}.nav-group summary{display:none}}
.row-actions{display:flex;gap:6px;align-items:center;justify-content:flex-end}.row-actions form{margin:0}.icon-action{width:32px;height:32px;border:1px solid var(--line);border-radius:8px;background:#fff;display:inline-grid;place-items:center;color:#42607e;text-decoration:none;cursor:pointer}.icon-action:hover{border-color:#8bbcff;color:#1769e0}.icon-action.danger{color:#b33b4b}
.nav-group-title{display:flex;align-items:center;gap:11px}.nav-group-title .nav-icon{width:18px;height:18px;color:#8390aa}.nav-group[open]>summary{color:#c6d2eb}.nav-subtitle{margin:10px 14px 4px;color:#66738e;font-size:9px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}@media(max-width:650px){.sidebar nav{justify-content:space-around;width:100%}.nav-group>div a{display:none}.nav-group>div a:first-child{display:flex}.nav-group>div .nav-subtitle{display:none}.sidebar nav a{padding:9px 13px}.sidebar nav a span{display:none}.sidebar nav .nav-icon{width:22px;height:22px}}
/* 5.1.0: güvenli veri sıfırlama alanı. */
.btn.danger{background:#b42334;color:#fff;box-shadow:0 7px 18px #b4233426}.btn.danger:hover{background:#981d2c}.btn:disabled{cursor:not-allowed;opacity:.48;box-shadow:none}.danger-zone{margin-top:22px;border-color:#f1c5ca}.danger-zone .panel-head{background:#fff8f8}.danger-zone .panel-head .eyebrow{color:#b42334;margin-bottom:4px}.danger-zone-body{padding:24px}.reset-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:22px}.reset-summary>div{padding:15px;border:1px solid #f0d8db;border-radius:11px;background:#fffafa}.reset-summary strong{display:block;color:#72212b;margin-bottom:5px}.reset-summary p{margin:0;color:var(--muted);font-size:12px}.reset-form{max-width:620px;display:grid;gap:14px}.reset-ack{display:flex;grid-template-columns:auto 1fr;align-items:flex-start;gap:9px}.reset-ack input{width:auto;margin-top:3px}.reset-form .btn{justify-self:start}@media(max-width:760px){.reset-summary{grid-template-columns:1fr}.reset-form .btn{width:100%}}

/* 5.8.4: Uygulama kabuğunda yatay taşma koruması */
html,body{max-width:100%;overflow-x:hidden}.shell{width:100%;max-width:100%;min-width:0}.main{width:100%;max-width:100%;min-width:0}

/* 5.9.0: yalnız tek seviyeli, aynı anda tek açık menü grubu. */
.sidebar .nav-group>div{padding-left:3px}.sidebar .nav-group>div>a{font-size:12.5px;padding-top:9px;padding-bottom:9px}
