:root{--tl-ink:#17323f;--tl-muted:#61727b;--tl-line:#d9e2e6;--tl-bg:#f5f8f9;--tl-brand:#0d6b63;--tl-brand-dark:#084d48;--tl-danger:#a33b36;--tl-white:#fff}
*{box-sizing:border-box}body{margin:0;font-family:Cairo,Arial,sans-serif;background:var(--tl-bg);color:var(--tl-ink)}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}.tl-shell{max-width:1280px;margin:auto;padding:0 24px}.tl-header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.96);border-bottom:1px solid var(--tl-line);backdrop-filter:blur(10px)}.tl-header__row{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:20px}.tl-brand{font-size:1.28rem;font-weight:800}.tl-nav{display:flex;gap:8px}.tl-nav a{padding:10px 14px;border-radius:10px}.tl-nav a[aria-current=page],.tl-nav a:hover{background:#edf5f4;color:var(--tl-brand)}.tl-hero{padding:64px 0 34px;background:linear-gradient(135deg,#eaf4f2,#fff)}.tl-kicker{color:var(--tl-brand);font-weight:800}.tl-hero h1{font-size:clamp(2rem,4vw,3.7rem);line-height:1.14;margin:12px 0;max-width:900px}.tl-hero p{max-width:800px;color:var(--tl-muted);font-size:1.08rem;line-height:1.9}.tl-hero__actions,.tl-actions,.tl-form-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.tl-hero__actions{margin-top:24px}.tl-btn{border:1px solid var(--tl-line);background:#fff;padding:10px 15px;border-radius:10px;cursor:pointer;font-weight:700;color:var(--tl-ink)}.tl-btn:hover{border-color:#aebdc3}.tl-btn--primary{background:var(--tl-brand);border-color:var(--tl-brand);color:#fff}.tl-btn--primary:hover{background:var(--tl-brand-dark)}.tl-btn--danger{color:var(--tl-danger);border-color:#edcfcd}.tl-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,190px));gap:12px;margin-top:30px}.tl-metric{background:rgba(255,255,255,.75);border:1px solid var(--tl-line);border-radius:14px;padding:15px}.tl-metric strong{display:block;font-size:1.35rem}.tl-metric span{color:var(--tl-muted);font-size:.86rem}.tl-tabs{display:flex;gap:8px;padding-top:26px;border-bottom:1px solid var(--tl-line)}.tl-tab{border:0;background:transparent;padding:12px 18px;cursor:pointer;font-weight:800;border-bottom:3px solid transparent}.tl-tab.is-active{color:var(--tl-brand);border-bottom-color:var(--tl-brand)}.tl-view{padding-top:4px;padding-bottom:60px}.tl-view[hidden]{display:none}.tl-toolbar{display:grid;grid-template-columns:1fr 220px 180px;gap:12px;padding:26px 0}.tl-field{width:100%;border:1px solid var(--tl-line);background:#fff;padding:11px 13px;border-radius:10px;color:var(--tl-ink)}textarea.tl-field{resize:vertical}.tl-summary{display:flex;justify-content:space-between;align-items:center;margin:4px 0 18px;color:var(--tl-muted)}.tl-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.tl-card{background:#fff;border:1px solid var(--tl-line);border-radius:16px;padding:20px;display:flex;flex-direction:column;min-height:270px}.tl-card__top{display:flex;justify-content:space-between;gap:10px}.tl-chip{font-size:.77rem;background:#edf5f4;color:var(--tl-brand);padding:5px 9px;border-radius:999px}.tl-card h2{font-size:1.15rem;margin:18px 0 8px}.tl-card p{color:var(--tl-muted);font-size:.92rem;line-height:1.75}.tl-card__meta{margin-top:auto;border-top:1px solid var(--tl-line);padding-top:14px;color:var(--tl-muted);font-size:.82rem}.tl-card__actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.tl-card__actions .tl-btn{padding:8px 10px;font-size:.83rem}.tl-empty{text-align:center;padding:56px;background:#fff;border:1px dashed var(--tl-line);border-radius:16px;color:var(--tl-muted);grid-column:1/-1}.tl-workspace-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;padding:28px 0 18px}.tl-workspace-head h2{margin:6px 0}.tl-workspace-head p{margin:0;color:var(--tl-muted)}.tl-project-meta{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:12px;background:#fff;border:1px solid var(--tl-line);border-radius:14px;padding:16px}.tl-project-meta label,.tl-compact-field{display:grid;gap:6px;font-weight:700;font-size:.88rem}.tl-workspace-tools{display:flex;align-items:end;gap:10px;flex-wrap:wrap;padding:14px 0}.tl-compact-field{min-width:150px}.tl-save-state{margin-inline-start:auto;color:var(--tl-muted);font-size:.84rem}.tl-editor-wrap{overflow:auto;border:1px solid var(--tl-line);border-radius:14px;background:#fff}.tl-editor{border-collapse:separate;border-spacing:0;width:100%;min-width:760px}.tl-editor th,.tl-editor td{border-inline-start:1px solid var(--tl-line);border-bottom:1px solid var(--tl-line);padding:0;vertical-align:top}.tl-editor th:first-child,.tl-editor td:first-child{border-inline-start:0}.tl-editor th{background:#edf5f4;min-width:180px}.tl-th{display:flex;align-items:center}.tl-th input{width:100%;border:0;background:transparent;padding:12px;font-weight:800}.tl-th button{border:0;background:transparent;color:var(--tl-danger);font-size:1.1rem;cursor:pointer;padding:10px}.tl-editor textarea{width:100%;min-height:82px;border:0;resize:vertical;padding:11px;background:#fff;line-height:1.6}.tl-editor textarea:focus,.tl-th input:focus{outline:2px solid rgba(13,107,99,.28);outline-offset:-2px}.tl-row-actions{width:92px!important;min-width:92px!important;text-align:center!important}.tl-editor td.tl-row-actions{padding:8px}.tl-icon-btn{border:1px solid var(--tl-line);background:#fff;border-radius:8px;width:32px;height:32px;cursor:pointer;margin:2px}.tl-icon-btn--danger{color:var(--tl-danger)}.tl-modal[hidden]{display:none}.tl-modal{position:fixed;inset:0;z-index:50;background:rgba(10,25,32,.6);display:grid;place-items:center;padding:20px}.tl-dialog{width:min(780px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:18px;padding:24px}.tl-dialog--small{width:min(460px,100%)}.tl-dialog__head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.tl-dialog__head h2{margin-top:0}.tl-dialog__head>button{border:0;background:#eef3f4;width:38px;height:38px;border-radius:50%;cursor:pointer}.tl-stepper{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:16px 0}.tl-stepper span{padding:8px;border-bottom:3px solid var(--tl-line);color:var(--tl-muted);font-size:.82rem}.tl-stepper span.is-active{color:var(--tl-brand);border-color:var(--tl-brand)}.tl-form{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px}.tl-form label{display:grid;gap:7px;font-weight:700}.tl-form-wide,.tl-form-actions{grid-column:1/-1}.tl-form textarea{min-height:130px}.tl-suggestions{display:flex;gap:7px;flex-wrap:wrap;align-items:center;color:var(--tl-muted);font-size:.83rem}.tl-suggestions button{border:1px solid var(--tl-line);border-radius:999px;background:#fff;padding:6px 10px;cursor:pointer}.tl-status{margin-top:14px;padding:12px;border-radius:10px;background:#f4f7f8;color:var(--tl-muted)}.tl-preview-panel{background:#fff;border:1px solid var(--tl-line);border-radius:14px;margin-top:22px;padding:16px}.tl-preview-panel__head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.tl-preview-panel__head button{border:0;background:#eef3f4;width:34px;height:34px;border-radius:50%;cursor:pointer}.tl-preview{overflow:auto;border:1px solid var(--tl-line);border-radius:10px}.tl-preview table{border-collapse:collapse;width:100%;min-width:680px;font-size:.84rem}.tl-preview th,.tl-preview td{border:1px solid var(--tl-line);padding:9px;text-align:right}.tl-preview th{background:#edf5f4}.tl-footer{border-top:1px solid var(--tl-line);background:#fff;padding:25px 0;color:var(--tl-muted)}
@media(max-width:960px){.tl-grid{grid-template-columns:repeat(2,1fr)}.tl-toolbar{grid-template-columns:1fr 1fr}.tl-toolbar input{grid-column:1/-1}.tl-project-meta{grid-template-columns:1fr 1fr}.tl-project-meta label:first-child{grid-column:1/-1}.tl-workspace-head{align-items:flex-start;flex-direction:column}.tl-save-state{width:100%;margin:0}}
@media(max-width:680px){.tl-nav{display:none}.tl-header__row>.tl-btn{display:none}.tl-grid,.tl-toolbar,.tl-form,.tl-project-meta{grid-template-columns:1fr}.tl-toolbar input,.tl-project-meta label:first-child,.tl-form-wide,.tl-form-actions{grid-column:auto}.tl-metrics{grid-template-columns:1fr}.tl-tabs{overflow:auto}.tl-tab{white-space:nowrap}.tl-hero{padding-top:42px}.tl-shell{padding:0 16px}.tl-summary{align-items:flex-start;gap:6px;flex-direction:column}.tl-workspace-tools{align-items:stretch}.tl-workspace-tools>*{width:100%}}