:root{--bg:#0d0d11;--surface:#141419;--surface-2:#19191f;--border:#29282f;--muted:#85818b;--text:#f3f1f5;--purple:#785b98;--purple-light:#aa8bc4;--green:#83a78b;--yellow:#bc9e67;--side:244px;--font-display:"Manrope",sans-serif;--font-body:"DM Sans",sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:13px/1.5 var(--font-body);overflow-x:hidden}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--side);z-index:20;background:#111115;border-right:1px solid var(--border);display:flex;flex-direction:column;transition:.25s}.side-brand{height:73px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 17px}.brand{color:inherit;text-decoration:none;display:flex;align-items:center;gap:10px;font:800 13px/1 var(--font-display);letter-spacing:.12em}.brand small{display:block;color:#66616c;font:600 6px/1.8 var(--font-body);letter-spacing:.28em}.brand-mark{width:25px;height:25px;position:relative}.brand-mark span{position:absolute;width:12px;height:20px;border:2px solid var(--purple-light);transform:skew(-12deg) rotate(37deg);border-radius:2px}.brand-mark span:first-child{left:2px;top:1px;border-right-color:transparent}.brand-mark span:last-child{right:1px;bottom:1px;border-left-color:transparent}.collapse-side{width:27px;height:27px;border-radius:7px;border:1px solid var(--border);background:#17171b;color:#797480}.side-nav{padding:16px 10px;overflow-y:auto;flex:1}.nav-label{display:block;color:#514d56;font-size:8px;letter-spacing:.16em;font-weight:800;padding:12px 10px 6px}.nav-item{width:100%;height:39px;border:0;border-radius:8px;background:transparent;color:#88838d;display:flex;align-items:center;gap:12px;padding:0 10px;margin:2px 0;text-align:left;font-size:11px;transition:.2s}.nav-item svg{width:16px}.nav-item b{margin-left:auto;min-width:18px;height:18px;border-radius:5px;background:#4f3d60;color:#cbbbd4;display:grid;place-items:center;font-size:8px}.nav-item b.muted-badge{background:#2e2b32}.nav-item:hover{color:#cac5cd;background:#18171c}.nav-item.active{background:linear-gradient(90deg,#2c2433,#231f28);color:#d8cce0;box-shadow:inset 2px 0 #9271ad}.side-footer{margin:10px;border-top:1px solid var(--border);padding:16px 5px 3px;display:grid;grid-template-columns:34px 1fr auto;gap:9px;align-items:center}.admin-avatar{width:34px;height:34px;border-radius:9px;background:linear-gradient(135deg,#735786,#44364d);display:grid;place-items:center;font-size:9px;font-weight:800}.side-footer strong,.side-footer span{display:block}.side-footer strong{font-size:10px}.side-footer span{color:#696570;font-size:8px}.side-footer button{border:0;background:none;color:#67636d}.admin-shell{margin-left:var(--side);transition:.25s}.topbar{height:73px;background:rgba(14,14,18,.92);backdrop-filter:blur(14px);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 30px;position:sticky;top:0;z-index:15}.search{width:310px;height:37px;border:1px solid var(--border);background:#15151a;border-radius:8px;display:flex;align-items:center;padding:0 11px;color:#65616a}.search svg{width:15px}.search input{border:0;background:none;outline:0;width:100%;padding:0 10px;font-size:10px}.search kbd{border:1px solid #302e34;border-radius:4px;padding:1px 5px;font:8px var(--font-body);white-space:nowrap}.top-actions{display:flex;align-items:center;gap:8px}.view-store{height:35px;padding:0 12px;display:flex;align-items:center;gap:8px;border-right:1px solid var(--border);color:#8c8791;text-decoration:none;font-size:9px;margin-right:6px}.view-store:hover{color:#fff}.view-store svg{width:13px}.top-icon,.mobile-side{width:35px;height:35px;border:1px solid var(--border);border-radius:8px;background:#15151a;color:#89848e;display:grid;place-items:center;position:relative}.top-icon svg{width:15px}.notification span{position:absolute;width:6px;height:6px;border-radius:50%;background:#a682bd;top:7px;right:7px;box-shadow:0 0 0 2px #15151a}.mobile-side{display:none}.dashboard{padding:31px;max-width:1600px;margin:auto}.page-title{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:28px}.breadcrumb{font-size:8px;color:#5f5a64;letter-spacing:.13em;font-weight:700}.breadcrumb span{margin:0 7px}.breadcrumb b{color:#8f779d}.page-title h1{font:700 26px var(--font-display);letter-spacing:-.03em;margin:10px 0 1px}.page-title p{color:#78747e;font-size:10px;margin:0}.title-actions{display:flex;gap:8px}.secondary-action,.primary-action{height:38px;padding:0 13px;border-radius:8px;display:inline-flex;align-items:center;gap:8px;border:1px solid var(--border);font-size:10px;font-weight:600}.secondary-action{background:#15151a;color:#99949e}.secondary-action svg{width:14px}.secondary-action span{color:#5d5962;margin-left:4px}.primary-action{border:0;background:#75578f;color:#fff;box-shadow:0 8px 24px rgba(72,48,90,.22)}.primary-action:hover{background:#86669f}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:12px}.stat-card{min-height:143px;border:1px solid var(--border);border-radius:11px;background:linear-gradient(145deg,#17171c,#131318);padding:17px;position:relative;overflow:hidden}.stat-head{display:flex;align-items:center;justify-content:space-between;color:#716d76;font-size:8px;letter-spacing:.1em;font-weight:700}.stat-icon{width:29px;height:29px;border:1px solid #302e35;background:#1d1d22;border-radius:7px;display:grid;place-items:center;color:#79747e}.stat-icon svg{width:13px}.stat-icon.purple{color:#ae8bc3;background:#28202f;border-color:#3c3045}.stat-icon.warn{color:#b99c68}.stat-card>strong{display:block;font:700 24px var(--font-display);letter-spacing:-.03em;margin-top:13px}.stat-foot{font-size:8px;color:#68646d;margin-top:2px}.positive{color:#85a98d}.warning{color:#b89b69}.micro-bars{position:absolute;right:15px;bottom:15px;height:25px;display:flex;align-items:flex-end;gap:3px}.micro-bars i{display:block;width:4px;background:#403c45;border-radius:2px;height:var(--h,10px)}.micro-bars i:nth-child(1){--h:6px}.micro-bars i:nth-child(2){--h:10px}.micro-bars i:nth-child(3){--h:8px}.micro-bars i:nth-child(4){--h:15px}.micro-bars i:nth-child(5){--h:12px}.micro-bars i:nth-child(6){--h:19px}.micro-bars i:nth-child(7){--h:17px}.micro-bars i:nth-child(8){--h:24px}.purple-bars i{background:#705785}.support-avatars{position:absolute;right:15px;bottom:14px;display:flex}.support-avatars i{font-style:normal;width:24px;height:24px;border-radius:50%;background:#37313d;border:2px solid #17171c;display:grid;place-items:center;font-size:7px;margin-left:-6px}.dashboard-grid{display:grid;grid-template-columns:2fr 1fr;gap:12px;margin-bottom:12px}.panel{background:#141419;border:1px solid var(--border);border-radius:11px}.revenue-panel,.distribution-panel{height:360px;padding:19px}.panel-head{display:flex;align-items:flex-start;justify-content:space-between}.panel-head h2{font:700 13px var(--font-display);margin:0}.panel-head p{color:#66626c;font-size:8px;margin:3px 0 0}.panel-head button{border:0;background:none;color:#6d6972}.legend{display:flex;gap:15px;align-items:center}.legend span{font-size:8px;color:#716d76;display:flex;align-items:center;gap:5px}.legend i,.donut-legend i{display:inline-block;width:7px;height:7px;border-radius:2px}.this-year{background:#8d6aa8}.last-year{background:#3c3941}.chart-summary{display:flex;align-items:center;gap:8px;margin-top:17px}.chart-summary strong{font:700 21px var(--font-display)}.chart-summary span{font-size:8px;background:#1c2920;padding:2px 5px;border-radius:4px}.chart-summary small{font-size:8px;color:#625e67}.chart-wrap{height:240px;position:relative;margin-top:1px}#revenueChart{width:100%;height:100%}.chart-tooltip{position:absolute;left:66%;top:42px;width:100px;background:#211c25;border:1px solid #4d3e57;border-radius:7px;padding:8px 10px;box-shadow:0 10px 30px rgba(0,0,0,.3);pointer-events:none}.chart-tooltip small,.chart-tooltip strong,.chart-tooltip span{display:block}.chart-tooltip small{font-size:7px;color:#84768d}.chart-tooltip strong{font-size:12px}.chart-tooltip span{font-size:7px;color:#6f6973}.distribution-panel>.panel-head>button{border:0;background:none;color:#66626f}.donut-wrap{height:190px;display:grid;place-items:center}.donut{width:150px;height:150px;border-radius:50%;background:conic-gradient(#9172b2 0 46%,#6a526f 46% 74%,#514858 74% 91%,#37343c 91%);display:grid;place-items:center;position:relative}.donut:before{content:"";position:absolute;width:100px;height:100px;border-radius:50%;background:#141419}.donut>div{position:relative;text-align:center}.donut strong,.donut span{display:block}.donut strong{font:700 16px var(--font-display)}.donut span{color:#66616b;font-size:6px;letter-spacing:.12em}.donut-legend{display:grid;grid-template-columns:1fr 1fr;gap:8px 20px}.donut-legend div{display:flex;justify-content:space-between;font-size:8px}.donut-legend span{color:#77727d}.donut-legend i{background:var(--c);margin-right:6px}.orders-panel{padding:19px}.table-link{font-size:9px!important;color:#9c7bb1!important}.table-wrap{overflow:auto;margin-top:15px}table{width:100%;border-collapse:collapse;min-width:830px}th{text-align:left;color:#5f5b65;font-size:7px;letter-spacing:.12em;padding:10px;border-bottom:1px solid var(--border)}td{padding:11px 10px;border-bottom:1px solid #222127;color:#8a858f;font-size:9px}tbody tr:last-child td{border:0}td>b{color:#c6c1ca;font-size:9px}.customer{display:flex;align-items:center;gap:8px}.customer>i{font-style:normal;width:28px;height:28px;border-radius:8px;background:#29242e;color:#ab96b9;display:grid;place-items:center;font-size:7px}.customer b,.customer small{display:block}.customer b{color:#aca7b0;font-size:9px}.customer small{font-size:7px;color:#5f5b64}.status{padding:4px 7px;border-radius:5px;font-size:7px}.status.completed{background:#1c2820;color:#88a88f}.status.pending{background:#2d281e;color:#baa06f}.demo-view{display:none;min-height:480px;text-align:center;padding:100px 30px}.demo-icon{margin:auto;width:55px;height:55px;border-radius:14px;background:#26202c;color:#9a79af;display:grid;place-items:center}.demo-icon svg{width:24px;height:24px}.demo-title{font:700 20px var(--font-display);margin:20px 0 5px}.demo-view p{color:#77727d;max-width:430px;margin:0 auto 20px;font-size:11px}.dashboard:not([data-current-view="dashboard"])>:not(.page-title):not(.demo-view){display:none}.dashboard:not([data-current-view="dashboard"]) .demo-view{display:block}.sidebar.collapsed{width:68px}.sidebar.collapsed .brand>span:last-child,.sidebar.collapsed .collapse-side,.sidebar.collapsed .nav-label,.sidebar.collapsed .nav-item span,.sidebar.collapsed .nav-item b,.sidebar.collapsed .side-footer>div:not(.admin-avatar),.sidebar.collapsed .side-footer button{display:none}.sidebar.collapsed .side-brand{justify-content:center}.sidebar.collapsed .nav-item{justify-content:center}.sidebar.collapsed+.admin-shell{margin-left:68px}.modal{position:fixed;inset:0;z-index:100;visibility:hidden;pointer-events:none}.modal.open{visibility:visible;pointer-events:auto}.modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.68);opacity:0;transition:.25s}.modal.open .modal-backdrop{opacity:1}.modal-card{position:absolute;width:min(500px,calc(100% - 30px));left:50%;top:50%;transform:translate(-50%,-44%);background:#17171c;border:1px solid #38343e;border-radius:13px;box-shadow:0 30px 80px rgba(0,0,0,.5);padding:22px;opacity:0;transition:.25s}.modal.open .modal-card{opacity:1;transform:translate(-50%,-50%)}.modal-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:22px}.modal-head small{font-size:7px;letter-spacing:.17em;color:#826991}.modal-head h2{font:700 20px var(--font-display);margin:4px 0}.modal-head button{border:0;background:none;font-size:24px;color:#77727c}.modal label{display:block;color:#8c8791;font-size:9px;margin-bottom:13px}.modal input,.modal select,.modal textarea{display:block;width:100%;border:1px solid #302e35;background:#121216;border-radius:7px;outline:none;padding:10px;margin-top:5px;font-size:10px}.modal input:focus,.modal textarea:focus{border-color:#6b527c}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.upload{height:70px;border:1px dashed #3d3743;border-radius:8px;display:flex!important;align-items:center;justify-content:center;gap:10px;background:#141319}.upload svg{color:#8f70a3}.upload b,.upload small{display:block}.upload small{color:#625e67}.upload input{display:none}.modal-actions{display:flex;justify-content:flex-end;gap:8px;border-top:1px solid var(--border);padding-top:17px;margin-top:20px}.admin-toast{position:fixed;z-index:120;bottom:22px;right:24px;background:#201b25;border:1px solid #493b53;border-radius:9px;padding:10px 14px;display:flex;align-items:center;gap:10px;transform:translateY(100px);transition:.3s}.admin-toast.show{transform:none}.admin-toast>span{width:25px;height:25px;border-radius:50%;background:#5d7763;display:grid;place-items:center}.admin-toast strong,.admin-toast small{display:block}.admin-toast strong{font-size:10px}.admin-toast small{color:#77717d;font-size:8px}
@media(max-width:1100px){.stats-grid{grid-template-columns:1fr 1fr}.dashboard-grid{grid-template-columns:1fr}.distribution-panel{height:auto}.donut-wrap{height:180px}.donut-legend{max-width:400px;margin:auto}.sidebar{width:68px}.sidebar .brand>span:last-child,.sidebar .collapse-side,.sidebar .nav-label,.sidebar .nav-item span,.sidebar .nav-item b,.sidebar .side-footer>div:not(.admin-avatar),.sidebar .side-footer button{display:none}.sidebar .side-brand,.sidebar .nav-item{justify-content:center}.admin-shell{margin-left:68px}}
@media(max-width:700px){.sidebar{transform:translateX(-100%);width:244px;box-shadow:15px 0 50px rgba(0,0,0,.4)}.sidebar.mobile-open{transform:none}.sidebar.mobile-open .brand>span:last-child,.sidebar.mobile-open .nav-label,.sidebar.mobile-open .nav-item span,.sidebar.mobile-open .nav-item b,.sidebar.mobile-open .side-footer>div:not(.admin-avatar),.sidebar.mobile-open .side-footer button{display:block}.sidebar.mobile-open .side-brand{justify-content:space-between}.sidebar.mobile-open .nav-item{justify-content:flex-start}.admin-shell,.sidebar.collapsed+.admin-shell{margin-left:0}.mobile-side{display:grid}.topbar{padding:0 14px}.search{width:160px}.search kbd,.view-store{display:none}.dashboard{padding:18px 14px}.page-title{align-items:flex-start;flex-direction:column;gap:16px}.stats-grid{grid-template-columns:1fr}.chart-tooltip{display:none}.title-actions{width:100%}.title-actions button{flex:1}.revenue-panel{padding:14px;height:340px}.legend{display:none}.form-row{grid-template-columns:1fr}}

/* Admin paneli — hero/logo renk paleti */
:root{--bg:#060a15;--surface:#0c1224;--surface-2:#111a30;--border:#1e2d4a;--muted:#7b8faa;--text:#edf2ff;--purple:#7c3aed;--purple-light:#a78bfa;--green:#86efac;--yellow:#fbbf24}
.brand-logo{width:42px;height:31px;object-fit:cover;border-radius:7px;box-shadow:0 0 16px rgba(124,58,237,.3)}.sidebar{background:#050a16}.topbar{background:rgba(6,10,21,.92)}.nav-item.active{background:linear-gradient(90deg,#150e28,#1a1040);color:#c4b5fd;box-shadow:inset 2px 0 #7c3aed}.primary-action{background:linear-gradient(135deg,#7c3aed 0%,#3b82f6 55%,#22d3ee 100%);box-shadow:0 8px 26px rgba(124,58,237,.25)}.primary-action:hover{background:#6d28d9}.stat-card,.panel{background:linear-gradient(145deg,#0c1224,#060a15)}.stat-icon.purple{color:#a78bfa;background:#150e28;border-color:#3b2070}.purple-bars i{background:#7c3aed}.donut{background:conic-gradient(#7c3aed 0 46%,#3b82f6 46% 74%,#22d3ee 74% 91%,#1e2d4a 91%)}.donut:before{background:#0c1224}.modal-card{background:#0c1224;border-color:#2e1065}.modal input,.modal select,.modal textarea{background:#060a15;border-color:#1e2d4a}.demo-view{overflow:auto}.role-toggle,.delete-product{height:30px}.side-footer button{font-size:8px}.chart-tooltip{display:none}

/* Okunabilir yönetim paneli tipografisi */
body{font-size:15px;line-height:1.55}
.brand{font-size:15px}.brand small{font-size:9px;color:#93a4bd}
.nav-label{font-size:10px;color:#8295b3}.nav-item{height:44px;font-size:13px;color:#a7b6cc}.nav-item b{font-size:10px}
.side-footer strong{font-size:12px}.side-footer span,.side-footer button{font-size:10px;color:#91a3bd}
.search{color:#91a3bd}.search input{font-size:12px}.search kbd{font-size:10px}.view-store{font-size:12px;color:#a7b6cc}
.breadcrumb{font-size:10px;color:#8295b3}.breadcrumb b{color:#b7a2d6}.page-title h1{font-size:30px}.page-title p{font-size:13px;color:#a3b1c5}
.secondary-action,.primary-action{min-height:42px;font-size:12px;padding-inline:16px}.secondary-action{color:#c0cada}
.stat-head{font-size:10px;color:#9badc7}.stat-card>strong{font-size:27px}.stat-foot{font-size:11px;color:#92a3bc}
.panel-head h2{font-size:16px}.panel-head p{font-size:11px;color:#91a3bd}.legend span{font-size:10px;color:#9aabc3}
.chart-summary strong{font-size:24px}.chart-summary span,.chart-summary small{font-size:10px}.chart-summary small{color:#91a3bd}
.donut strong{font-size:19px}.donut span{font-size:9px;color:#91a3bd}.donut-legend div{font-size:11px}.donut-legend span{color:#a7b6cc}
.table-link{font-size:12px!important}.table-wrap{margin-top:20px}th{font-size:10px;color:#91a5c3;padding:13px 12px}td{font-size:12px;color:#bac6d9;padding:14px 12px}td>b{font-size:12px;color:#eef3ff}
.customer>i{font-size:10px}.customer b{font-size:12px;color:#d3dceb}.customer small{font-size:10px;color:#91a3bd}.status{font-size:10px;padding:5px 9px}
.demo-title{font-size:24px}.demo-view p{font-size:13px;color:#a7b6cc}.demo-view{padding-top:80px}
.modal-card{width:min(580px,calc(100% - 30px));padding:26px}.modal-head small{font-size:10px;color:#b79bd3}.modal-head h2{font-size:24px}.modal label{font-size:12px;color:#b7c3d5;margin-bottom:16px}
.modal input,.modal select,.modal textarea{font-size:13px;padding:12px}.upload{height:84px}.upload b{font-size:12px}.upload small{font-size:10px;color:#91a3bd}
.admin-toast strong{font-size:13px}.admin-toast small{font-size:11px;color:#a7b6cc}
.order-status-select{min-width:120px;padding:7px 9px;background:#0a1222;border:1px solid #355078;border-radius:6px;font-size:12px}

@media(max-width:700px){body{font-size:14px}.page-title h1{font-size:26px}.modal-card{padding:20px}.demo-view{padding:55px 16px}.nav-item{font-size:14px}}

.settings-grid{width:min(900px,100%);margin:28px auto 0;display:grid;grid-template-columns:1fr 1fr;gap:18px;text-align:left}.settings-card{padding:24px;border:1px solid var(--border);border-radius:14px;background:linear-gradient(145deg,#0c1428,#080d1c)}.settings-card h3{font:700 19px var(--font-display);margin:7px 0 12px}.settings-card p{margin:0 0 18px!important;max-width:none}.settings-card small{display:inline-block;margin-top:9px;font-size:12px;color:#9caec7;line-height:1.6}.settings-kicker{font-size:10px;font-weight:800;letter-spacing:.14em;color:#a78bfa}.callback-box{padding:12px;border:1px solid #2d4266;border-radius:9px;background:#060b17}.callback-box span,.callback-box code{display:block}.callback-box span{font-size:11px;color:#91a3bd;margin-bottom:5px}.callback-box code{font-size:12px;color:#d9e4f5;overflow-wrap:anywhere}.drive-card .primary-action{text-decoration:none}.drive-card .secondary-action{margin-top:2px}
@media(max-width:700px){.settings-grid{grid-template-columns:1fr}.settings-card{padding:19px}}