.gt-wrap{padding:24px 8px;max-width:1250px;margin:auto;color:#172b4d}.gt-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:22px}.gt-head h1{margin:0 0 7px;font-size:28px}.gt-head p{margin:0;color:#667b99}.gt-primary{background:#2761e9!important;color:white!important;border:0!important;border-radius:10px;padding:12px 18px;cursor:pointer}.gt-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:18px}.gt-stats>div,.gt-panel{background:#fff;border:1px solid #dce5f2;border-radius:14px;padding:20px}.gt-stats strong{display:block;font-size:28px}.gt-stats span{color:#637695;font-size:13px}.gt-tabs{display:flex;gap:8px;border-bottom:1px solid #e4eaf4;padding-bottom:12px}.gt-tabs button{padding:10px 15px;border:0;border-radius:9px;cursor:pointer;background:#f0f4fb;color:#345}.gt-tabs .gt-selected{background:#dce9ff;color:#1752d4;font-weight:bold}.gt-controls{display:flex;gap:12px;margin:16px 0}.gt-controls input{flex:1;min-width:0}.gt-controls input,.gt-controls select,#gt-form input,#gt-form select{border:1px solid #cbd7e8;border-radius:9px;padding:11px;background:white}.gt-row{display:flex;align-items:center;gap:12px;padding:14px 4px;border-bottom:1px solid #edf0f6}.gt-row>input{width:18px;height:18px;flex-shrink:0}.gt-detail{flex:1;min-width:0}.gt-title{font-weight:600;overflow-wrap:anywhere}.gt-meta{font-size:12px;color:#657998;margin-top:4px}.gt-row button{background:#f2f5fa;border:1px solid #dae3f0;border-radius:7px;padding:7px;cursor:pointer}.gt-row.gt-done .gt-title{text-decoration:line-through;color:#718096}#gt-status{color:#637695}#gt-status:empty{display:none}#gt-dialog{border:1px solid #dce5f2;border-radius:16px;max-width:490px;width:calc(100% - 30px);padding:24px;box-shadow:0 18px 70px #1234}#gt-dialog::backdrop{background:#15243a88}#gt-form{display:grid;gap:12px}#gt-form h2{margin:0 0 8px}#gt-form label{display:grid;gap:5px;font-size:13px;color:#4c607d}.gt-check{display:flex!important;align-items:center}.gt-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:8px}.gt-actions button{border:1px solid #d4ddeb;border-radius:9px;padding:10px 15px;cursor:pointer}@media(max-width:700px){.gt-wrap{padding:12px 2px}.gt-stats{gap:6px}.gt-stats>div{padding:12px}.gt-controls{flex-direction:column}.gt-row{gap:7px}.gt-head h1{font-size:23px}}
.gt-help{font-size:12px;color:#8a5919;margin:0}.gt-help[hidden]{display:none}

/* KYM 582 — Görev kategorileri */
.gt-row{border-left:4px solid transparent;padding-left:12px;border-radius:5px}
.gt-row[data-kategori="kişisel"]{border-left-color:#3174d7;background:#f4f8ff}
.gt-row[data-kategori="iş"]{border-left-color:#e99b22;background:#fffaf0}
.gt-row[data-kategori="aile"]{border-left-color:#25a27b;background:#f2fbf7}