:root{--ink:#182230;--muted:#697586;--line:#e5eaf0;--brand:#1c64f2;--bg:#f4f7fb}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif}button,input{font:inherit}button{cursor:pointer}main{min-height:100vh}aside{color:#cbd5e1;background:#101927;flex-direction:column;width:240px;padding:28px 18px;display:flex;position:fixed;inset:0 auto 0 0}.brand{color:#fff;letter-spacing:.06em;align-items:center;gap:12px;padding:0 10px 32px;font-weight:800;display:flex}.brand>span{background:var(--brand);border-radius:10px;place-items:center;width:38px;height:38px;font-size:20px;display:grid}.brand>span img{object-fit:contain;border-radius:8px;width:100%;height:100%}.brand small,.shop small{color:#8290a3;letter-spacing:0;margin-top:3px;font-size:11px;font-weight:500;display:block}nav{gap:7px;display:grid}nav a{color:#aab5c4;border-radius:8px;padding:12px 14px;font-size:14px;font-weight:600;text-decoration:none}nav a:hover,nav a.active{color:#fff;background:#1e2a3a}.shop{background:#172334;border-radius:10px;margin-top:auto;padding:14px}.shop b{font-size:13px}.content{max-width:1600px;margin-left:240px;padding:38px 44px}header{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}header small{color:var(--muted);font-weight:600}h1{margin:5px 0;font-size:29px}header p,.panel-title p,.form-head p{color:var(--muted);margin:0}header button,.modal form>button{color:#fff;background:var(--brand);border:0;border-radius:8px;padding:12px 18px;font-weight:700;box-shadow:0 5px 12px #1c64f233}.stats{grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:24px;display:grid}.stats article{border:1px solid var(--line);background:#fff;border-radius:12px;align-items:center;gap:15px;padding:20px;display:flex;box-shadow:0 1px 2px #1018280a}.stats article>span{border-radius:10px;place-items:center;width:45px;height:45px;font-size:20px;font-weight:800;display:grid}.blue{color:#246bfd;background:#eaf1ff}.orange{color:#dd6b20;background:#fff1e6}.green{color:#079455;background:#e8f8f1}.purple{color:#7849c9;background:#f1eafe}.stats small{color:var(--muted);letter-spacing:.07em;font-size:10px;font-weight:800}.stats strong{margin:4px 0;font-size:24px;display:block}.stats p{color:var(--muted);margin:0;font-size:12px}.panel{border:1px solid var(--line);background:#fff;border-radius:12px;overflow:hidden}.panel-title{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:20px 22px;display:flex}h2{margin:0 0 4px;font-size:18px}.panel-title p{font-size:13px}.panel-title input{border:1px solid #d7dee8;border-radius:8px;outline:none;width:260px;padding:10px 12px}.panel-title input:focus,.modal input:focus{border-color:var(--brand);box-shadow:0 0 0 3px #1c64f219}table{border-collapse:collapse;width:100%;font-size:14px}th{text-align:left;color:#7b8798;letter-spacing:.07em;background:#fafbfc;font-size:10px}th,td{border-bottom:1px solid #eef1f4;padding:15px 20px}tbody tr:hover{background:#fafcff}.badge{color:#265dca;background:#eaf1ff;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:700}.badge.Bekliyor{color:#b45f06;background:#fff3df}.delete{color:#9aa4b2;background:0 0;border:0;font-size:21px}.delete:hover{color:#e02424}.empty{text-align:center;color:var(--muted);padding:36px}.modal{z-index:10;background:#101828aa;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal form{background:#fff;border-radius:14px;gap:16px;width:min(440px,100%);padding:25px;display:grid;box-shadow:0 24px 60px #0004}.form-head{justify-content:space-between;display:flex}.close{color:var(--muted);background:0 0;border:0;font-size:26px}label{gap:7px;font-size:13px;font-weight:700;display:grid}.modal input{border:1px solid #d7dee8;border-radius:8px;outline:none;padding:11px 12px}.modal form>button{margin-top:5px}@media (max-width:1000px){.stats{grid-template-columns:1fr 1fr}.content{padding:28px}.table-wrap{overflow:auto}}@media (max-width:700px){aside{width:auto;padding:16px;position:static}.brand{padding-bottom:14px}.shop{display:none}nav{display:flex;overflow:auto}nav a{white-space:nowrap}.content{margin:0;padding:20px}header{align-items:flex-start;gap:15px}.stats{grid-template-columns:1fr}.panel-title{flex-direction:column;align-items:flex-start;gap:14px}.panel-title input{width:100%}th,td{padding:12px}.table-wrap{overflow:auto}}.app-shell nav button{color:#aab5c4;text-align:left;background:0 0;border:0;border-radius:8px;padding:12px 14px;font-size:14px;font-weight:600}.app-shell nav button:hover,.app-shell nav button.active{color:#fff;background:#1e2a3a}.alert{color:#b42318;background:#fff1f2;border:1px solid #fecaca;border-radius:9px;justify-content:space-between;align-items:center;margin-bottom:18px;padding:12px 15px;display:flex}.alert button{color:inherit;background:0 0;border:0;font-size:20px}.loading{text-align:center;color:var(--muted);padding:70px}.toolbar{justify-content:flex-end;align-items:end;gap:10px;margin-bottom:14px;display:flex}.date-filter{color:var(--muted);gap:4px;font-size:11px;display:grid}.date-filter input{width:175px}.clear-filter{color:#475467;background:#fff;border:1px solid #d7dee8;border-radius:8px;padding:11px 12px}.report-page{gap:20px;display:grid}.report-filters{border:1px solid var(--line);background:#fff;border-radius:12px;gap:12px;padding:16px;display:flex}.report-filters label{min-width:210px}.report-filters input{border:1px solid #d7dee8;border-radius:8px;padding:10px}.report-cards{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.report-cards article{border:1px solid var(--line);background:#fff;border-radius:12px;gap:7px;padding:22px;display:grid}.report-cards small{color:var(--muted);letter-spacing:.07em;font-weight:800}.report-cards strong{color:#087b4a;font-size:27px}.report-cards span{color:var(--muted);font-size:12px}.report-page td small{color:var(--muted);margin-top:3px;display:block}.report-section{gap:10px;display:grid}.report-section>div>h2{margin-bottom:3px}.report-section>div>p{color:var(--muted);margin:0;font-size:13px}.report-profit{color:#087b4a}.empty-report{text-align:center;color:var(--muted);padding:32px}.branding-panel{grid-template-columns:1fr 1fr;gap:18px;max-width:850px;display:grid}.branding-panel section{border:1px solid var(--line);background:#fff;border-radius:12px;align-items:center;gap:18px;padding:22px;display:flex}.branding-preview{color:#fff;background:#101927;border-radius:12px;place-items:center;width:110px;height:80px;display:grid;overflow:hidden}.branding-preview img{object-fit:contain;width:100%;height:100%}.favicon-preview{color:#265dca;background:#eaf1ff;border-radius:12px;place-items:center;width:64px;height:64px;font-weight:800;display:grid;overflow:hidden}.favicon-preview img{object-fit:contain;width:100%;height:100%}.branding-panel input{margin-top:8px}.branding-panel>button{background:var(--brand);color:#fff;border:0;border-radius:8px;grid-column:1/-1;justify-self:start;padding:12px 18px;font-weight:800}@media (max-width:760px){.report-cards,.branding-panel{grid-template-columns:1fr}.report-filters{flex-direction:column}.branding-panel>button{grid-column:auto}}.toolbar input{border:1px solid #d7dee8;border-radius:8px;width:330px;padding:11px 13px}.actions{align-items:center;gap:8px;display:flex}.complete{color:#087b4a;background:#e7f8ef;border:0;border-radius:7px;padding:7px 10px;font-size:11px;font-weight:800}.modal-card{background:#fff;border-radius:14px;width:min(520px,100%);max-height:90vh;padding:25px;overflow:auto;box-shadow:0 24px 60px #0004}.modal-card form{gap:15px;margin-top:20px;display:grid}.modal-card input,.modal-card select,.modal-card textarea{resize:vertical;background:#fff;border:1px solid #d7dee8;border-radius:8px;outline:none;width:100%;padding:11px 12px}.modal-card form>button[type=submit]{color:#fff;background:var(--brand);border:0;border-radius:8px;padding:12px 18px;font-weight:700}.form-grid{grid-template-columns:1fr 1fr;gap:13px;display:grid}.job-context{background:#f4f7fb;border-radius:8px;gap:4px;padding:13px;display:grid}.job-context span,.hint{color:var(--muted);font-size:12px}.photo-head{justify-content:space-between;align-items:center;display:flex}.photo-head button{color:#265dca;background:#eaf1ff;border:0;border-radius:7px;padding:7px 10px;font-weight:700}.photo-row{grid-template-columns:105px 1fr 32px;gap:7px;display:grid}.photo-row button{color:#b42318;background:#fff1f2;border:0;border-radius:7px}.badge.İşlemde{color:#265dca;background:#eaf1ff}.badge.Tamamlandı{color:#087b4a;background:#e7f8ef}.badge.İptal{color:#697586;background:#f1f3f5}@media (max-width:700px){.app-shell nav button{white-space:nowrap}.form-grid{grid-template-columns:1fr}.toolbar input{width:100%}}.modal .modal-card form{width:auto;box-shadow:none;background:0 0;padding:0}.complete.neutral{color:#475467;background:#f1f3f5}.detail{gap:17px;margin-top:20px;display:grid}.detail section{border-top:1px solid var(--line);padding-top:14px}.detail section>small{color:var(--muted);letter-spacing:.07em;font-weight:800}.detail section p{white-space:pre-wrap;line-height:1.6}.gallery{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px;display:grid}.gallery img{object-fit:cover;border:1px solid var(--line);border-radius:8px;width:100%;height:120px;display:block}.file-summary{color:#265dca;background:#eaf1ff;border-radius:8px;padding:10px 12px;font-size:13px;font-weight:700}.pricing{background:#f4f7fb;border-radius:9px;grid-template-columns:repeat(3,1fr);gap:10px;padding:14px;display:grid}.pricing:before{content:"FİYATLANDIRMA";color:var(--muted);letter-spacing:.08em;grid-column:1/-1;font-size:10px;font-weight:800}@media (max-width:520px){.pricing{grid-template-columns:1fr}}.price-detail{gap:9px;margin-top:12px;display:grid}.price-detail span{justify-content:space-between;display:flex}.price-detail span:last-child{border-top:1px solid var(--line);padding-top:10px;font-size:16px}.catalog-picker{gap:8px;display:grid}.catalog-search{margin-bottom:3px;background:#f8fafc!important;border-color:#cfd8e5!important}.choice-scroll{overscroll-behavior:contain;scrollbar-color:#9fb1c9 #edf2f7;scrollbar-width:thin;gap:8px;max-height:280px;padding:2px 6px 2px 2px;display:grid;overflow-y:auto}.choice-scroll::-webkit-scrollbar{width:8px}.choice-scroll::-webkit-scrollbar-track{background:#edf2f7;border-radius:8px}.choice-scroll::-webkit-scrollbar-thumb{background:#9fb1c9;border-radius:8px}.catalog-picker>div:not(.catalog-choice){justify-content:space-between;align-items:end;margin-top:7px;display:flex}.catalog-picker>div>small{color:var(--muted)}.catalog-picker>p{color:#8a5914;background:#fff8e7;border-radius:8px;margin:0;padding:12px;font-size:12px}.catalog-choice{border:1px solid var(--line);border-radius:9px;grid-template-columns:22px 1fr 65px;align-items:center;gap:8px;padding:10px;display:grid}.catalog-choice.selected{background:#f4f8ff;border-color:#8fb4ff}.catalog-choice>input[type=checkbox]{width:17px;height:17px}.catalog-choice>button{text-align:left;background:0 0;border:0;gap:3px;display:grid}.catalog-choice>button small{color:var(--muted)}.catalog-choice>input[type=number]{width:60px;padding:7px}.price-box{color:#fff;background:#101927;border-radius:10px;gap:9px;padding:16px;display:grid}.price-box>span,.price-box>strong,.price-box>label{justify-content:space-between;align-items:center;display:flex}.price-box label input{width:110px;padding:6px 8px}.price-box>strong{border-top:1px solid #ffffff2b;padding-top:11px}.price-box em{color:#8fb4ff;font-size:19px;font-style:normal}.modal-card:has(.completion-form){width:min(1080px,96vw);padding:28px}.completion-form .job-context{color:#fff;background:linear-gradient(135deg,#101927,#1e3352);grid-template-columns:repeat(4,1fr);gap:12px;padding:16px}.completion-form .job-context>div{border-right:1px solid #ffffff24;gap:4px;padding-right:12px;display:grid}.completion-form .job-context small,.completion-summary small{color:#9db0c9;letter-spacing:.08em;font-size:10px;font-weight:800}.completion-form .job-context>span{color:#c9d5e5;grid-column:1/-1}.completion-grid{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:22px;display:grid}.completion-main{gap:18px;display:grid}.completion-main>label,.completion-main>div{border:1px solid var(--line);background:#fff;border-radius:12px;padding:16px}.completion-summary{width:auto;color:var(--ink);background:#f4f7fb;border-radius:12px;gap:15px;padding:18px;display:grid;position:sticky;top:0}.completion-summary h3{margin:4px 0 0}.completion-summary>button{color:#fff;background:#079455;border:0;border-radius:9px;padding:13px;font-weight:800}@media (max-width:820px){.completion-grid{grid-template-columns:1fr}.completion-form .job-context{grid-template-columns:1fr 1fr}.completion-summary{position:static}}.item-list{gap:8px;margin-top:12px;display:grid}.item-list span{background:#f7f9fc;border-radius:7px;grid-template-columns:60px 1fr auto auto;align-items:center;gap:10px;padding:9px;display:grid}.item-list i,.item-list em{color:var(--muted);font-size:11px;font-style:normal}.item-list i{color:#265dca;text-align:center;background:#eaf1ff;border-radius:5px;padding:4px 6px}@media (max-width:520px){.item-list span{grid-template-columns:60px 1fr}.catalog-choice{grid-template-columns:22px 1fr 55px}}.custom-items{gap:8px;display:grid}.custom-items-head{justify-content:space-between;align-items:center;display:flex}.custom-items-head>div{gap:3px;display:grid}.custom-items-head small{color:var(--muted)}.custom-items-head button{color:#265dca;background:#eaf1ff;border:0;border-radius:7px;padding:8px 10px;font-weight:700}.custom-item-row{background:#f8fbff;border:1px dashed #a9b9ce;border-radius:9px;grid-template-columns:88px 1fr 65px 105px 105px 34px;align-items:center;gap:7px;padding:9px;display:grid}.custom-item-row.service-row{grid-template-columns:88px 1fr 65px 105px 34px}.custom-item-row>span{color:#265dca;font-size:11px;font-weight:800}.custom-field{gap:3px;display:grid}.custom-field small{color:#66758a;letter-spacing:.03em;white-space:nowrap;font-size:9px;font-weight:800}.inline-custom-items{gap:8px;margin:2px 0 12px;display:grid}.inline-add{color:#265dca;background:#f1f6ff;border:1px dashed #8eadd7;border-radius:8px;justify-self:start;padding:8px 11px;font-size:12px;font-weight:750}.inline-add:hover{background:#e7f0ff}.profit-line,.profit-detail{color:#087b4a}.price-box .profit-line em{color:#61d7a3}.custom-item-row input,.custom-item-row select{padding:9px}.custom-item-row button{color:#b42318;background:#fff1f2;border:0;border-radius:7px}@media (max-width:620px){.custom-item-row,.custom-item-row.service-row{grid-template-columns:90px 1fr 35px}.custom-item-row input:nth-of-type(2),.custom-item-row input:nth-of-type(3){grid-column:span 1}.custom-items-head{align-items:flex-start;gap:8px}}.edit{color:#265dca;background:#eaf1ff;border:0;border-radius:7px;padding:7px 10px;font-size:11px;font-weight:800}.technical-filters{grid-template-columns:180px 180px minmax(220px,1fr) auto;gap:10px;margin-bottom:14px;display:grid}.technical-filters select,.technical-filters input{background:#fff;border:1px solid #d7dee8;border-radius:8px;padding:10px 12px}.technical-filters button{color:#475467;background:#eef2f6;border:0;border-radius:8px;padding:10px 13px;font-weight:700}.technical-text{white-space:pre-wrap;max-width:680px;line-height:1.55}.table-wrap code{color:#344054;background:#eef2f6;border-radius:6px;padding:5px 8px;font-weight:700}@media (max-width:760px){.technical-filters{grid-template-columns:1fr 1fr}.technical-filters input{grid-column:1/-1}}