:root {
  --primary: #171717;
  --primary-2: #303030;
  --accent: #d92d20;
  --bg: #f5f6f8;
  --surface: #ffffff;
  --surface-2: #f8fafc;
  --text: #171a21;
  --muted: #667085;
  --border: #e4e7ec;
  --success: #067647;
  --success-bg: #ecfdf3;
  --warning: #b54708;
  --warning-bg: #fffaeb;
  --danger: #b42318;
  --danger-bg: #fef3f2;
  --info: #175cd3;
  --info-bg: #eff8ff;
  --radius: 14px;
  --shadow: 0 8px 30px rgba(16,24,40,.06);
  --sidebar: 248px;
  --font: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
}
*{box-sizing:border-box} html{font-family:var(--font);color:var(--text);background:var(--bg)} body{margin:0;font-size:14px;line-height:1.5} a{color:inherit;text-decoration:none} button,input,select,textarea{font:inherit} button{cursor:pointer} img{max-width:100%;display:block} h1,h2,h3,p{margin-top:0} h1{font-size:30px;line-height:1.2;margin-bottom:7px} h2{font-size:18px;margin-bottom:14px} h3{font-size:14px;margin:8px 0 0}.pp-muted,.pp-page-heading p,.pp-section-heading p{color:var(--muted)}
.pp-shell{min-height:100vh}.pp-sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);background:#111216;color:#fff;padding:22px 16px;display:flex;flex-direction:column;z-index:50}.pp-brand{display:flex;align-items:center;gap:11px;padding:3px 8px 24px}.pp-brand strong,.pp-auth-brand strong{display:block;font-size:15px}.pp-brand small,.pp-auth-brand small{display:block;color:#9299a8;font-size:11px}.pp-logo-mark{width:38px;height:38px;border-radius:12px;background:var(--accent);display:inline-grid;place-items:center;color:#fff;font-weight:800;font-size:18px;flex:none}.pp-nav{display:grid;gap:5px}.pp-nav-link{display:flex;gap:11px;align-items:center;padding:10px 12px;border-radius:10px;color:#b8becb;font-weight:600}.pp-nav-link span{width:18px;text-align:center}.pp-nav-link:hover,.pp-nav-link.is-active{background:#24262c;color:#fff}.pp-sidebar-user{margin-top:auto;padding:14px 8px 2px;border-top:1px solid #2a2d34;display:flex;align-items:center;gap:9px}.pp-avatar{width:36px;height:36px;border-radius:50%;background:#e9eaf0;color:#252832;display:inline-grid;place-items:center;font-weight:800;flex:none}.pp-avatar-small{width:32px;height:32px;font-size:11px}.pp-user-copy{min-width:0;flex:1}.pp-user-copy strong,.pp-user-copy small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pp-user-copy small{color:#9299a8;font-size:11px}.pp-icon-btn,.pp-menu-btn{border:0;background:transparent;color:inherit;padding:7px;border-radius:8px}.pp-icon-btn:hover{background:#2a2d34}.pp-page{margin-left:var(--sidebar);min-height:100vh}.pp-topbar{height:72px;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);padding:0 28px;display:flex;align-items:center;gap:14px;position:sticky;top:0;z-index:30}.pp-topbar>div{flex:1}.pp-topbar strong,.pp-topbar small{display:block}.pp-topbar small{color:var(--muted);font-size:11px}.pp-menu-btn{display:none;font-size:21px}.pp-content{padding:28px;max-width:1540px;margin:auto}
.pp-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px}.pp-page-heading{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:22px}.pp-page-heading .pp-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.pp-page-heading .pp-actions form{margin:0}.pp-back{display:inline-block;color:var(--muted);font-weight:600;margin-bottom:10px}.pp-heading-line{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.pp-heading-line h1{margin-bottom:0}.pp-section-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:16px}.pp-section-heading h2{margin-bottom:2px}.pp-section-heading span{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}
.pp-btn{border:1px solid transparent;border-radius:10px;padding:9px 14px;display:inline-flex;align-items:center;justify-content:center;gap:6px;font-weight:700;line-height:1.2;white-space:nowrap}.pp-btn:disabled,.pp-btn.is-disabled{opacity:.45;pointer-events:none}.pp-btn-primary{background:var(--primary);color:#fff}.pp-btn-primary:hover{background:var(--primary-2)}.pp-btn-secondary{background:#fff;border-color:#d0d5dd;color:#344054}.pp-btn-ghost{background:transparent;border-color:var(--border);color:#475467}.pp-btn-danger{background:var(--danger-bg);border-color:#fecdca;color:var(--danger)}.pp-btn-sm{padding:6px 9px;font-size:12px}.pp-w-full{width:100%}.pp-actions,.pp-inline-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.pp-inline-actions form{display:inline-flex;margin:0}.pp-inline-actions a,.pp-inline-actions button{border:0;background:none;padding:0;color:var(--info);font-weight:700;font-size:12px}.pp-inline-actions button:hover,.pp-inline-actions a:hover{text-decoration:underline}
.pp-alert{padding:12px 14px;border-radius:10px;margin-bottom:18px;border:1px solid}.pp-alert ul{margin:0;padding-left:18px}.pp-alert-error{background:var(--danger-bg);border-color:#fecdca;color:var(--danger)}.pp-alert-success{background:var(--success-bg);border-color:#abefc6;color:var(--success)}.pp-alert-warning{background:var(--warning-bg);border-color:#fedf89;color:var(--warning)}
.pp-field{display:grid;gap:6px}.pp-field>span{font-size:12px;font-weight:700;color:#344054}.pp-field small{font-size:11px;color:var(--muted)}.pp-input{width:100%;border:1px solid #d0d5dd;background:#fff;border-radius:9px;padding:10px 11px;color:var(--text);outline:none;min-height:40px}.pp-input:focus{border-color:#848b98;box-shadow:0 0 0 3px rgba(23,23,23,.08)}textarea.pp-input{resize:vertical;line-height:1.5}.pp-form-grid{display:grid;gap:17px}.pp-form-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.pp-form-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.pp-span-2{grid-column:span 2}.pp-task-form{display:grid;gap:18px}.pp-form-footer{display:flex;justify-content:flex-end;gap:9px;align-items:center}.pp-check-field{display:flex;align-items:center;gap:8px;font-weight:600;color:#344054}.pp-check-field input{width:17px;height:17px}.pp-filter-card{margin-bottom:20px}.pp-filter-grid{display:grid;grid-template-columns:2fr repeat(6,minmax(130px,1fr));gap:12px;align-items:end}.pp-filter-actions{display:flex;gap:7px}
.pp-stats-grid{display:grid;grid-template-columns:repeat(6,minmax(130px,1fr));gap:13px;margin-bottom:18px}.pp-stat-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:15px 17px}.pp-stat-card span{display:block;color:var(--muted);font-size:12px}.pp-stat-card strong{font-size:25px;line-height:1.2}.pp-tone-warning{color:var(--warning)}.pp-tone-danger{color:var(--danger)}.pp-tone-info{color:var(--info)}.pp-tone-muted{color:#667085}
.pp-segmented{background:#e9ebef;border-radius:10px;padding:3px;display:flex}.pp-segmented a{padding:7px 13px;border-radius:8px;color:var(--muted);font-weight:700}.pp-segmented a.is-active{background:#fff;color:var(--text);box-shadow:0 2px 7px rgba(16,24,40,.08)}
.pp-kanban{display:flex;gap:13px;overflow:auto;padding:2px 1px 17px;margin-bottom:20px;min-height:360px}.pp-kanban-column{width:285px;min-width:285px;background:#eceef2;border-radius:13px;padding:10px}.pp-kanban-column>header{display:flex;justify-content:space-between;align-items:center;padding:3px 5px 10px;font-weight:800}.pp-kanban-column>header b{background:#fff;border-radius:999px;padding:2px 8px;font-size:11px}.pp-kanban-list{display:grid;gap:9px;min-height:130px}.pp-kanban-column.is-over{outline:2px dashed #667085;outline-offset:-3px}.pp-task-card{background:#fff;border:1px solid #e1e4e9;border-radius:11px;padding:13px;box-shadow:0 3px 10px rgba(16,24,40,.04);cursor:grab}.pp-task-card.is-dragging{opacity:.45}.pp-task-card strong{display:block;margin:7px 0 2px;font-size:14px}.pp-task-card>a:hover strong{color:var(--accent)}.pp-task-card>small{color:var(--muted)}.pp-card-top,.pp-task-meta{display:flex;justify-content:space-between;gap:7px}.pp-task-meta{margin-top:10px;color:var(--muted);font-size:11px}.pp-task-card time{display:block;margin-top:8px;font-size:11px;color:var(--muted)}.pp-task-card time.is-overdue{color:var(--danger);font-weight:800}.pp-unread{font-size:10px;color:var(--info);background:var(--info-bg);border-radius:999px;padding:2px 7px}.pp-priority{display:inline-flex;border-radius:999px;padding:3px 8px;font-size:10px;font-weight:800}.pp-priority-low{background:#f2f4f7;color:#475467}.pp-priority-normal{background:var(--info-bg);color:var(--info)}.pp-priority-high{background:var(--warning-bg);color:var(--warning)}.pp-priority-urgent{background:var(--danger-bg);color:var(--danger)}.pp-status{display:inline-flex;border:1px solid #d0d5dd;background:#fff;border-radius:999px;padding:3px 9px;font-size:11px;font-weight:700;color:#344054}.pp-status.is-muted{opacity:.55}
.pp-table-card{padding:0;overflow:hidden}.pp-table-wrap{overflow:auto}.pp-table{width:100%;border-collapse:collapse;min-width:760px}.pp-table th,.pp-table td{padding:13px 15px;text-align:left;border-bottom:1px solid var(--border);vertical-align:middle}.pp-table th{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);background:#fafbfc}.pp-table tr:last-child td{border-bottom:0}.pp-table td small{display:block;color:var(--muted);font-size:11px}.pp-table-title{font-weight:800}.pp-table-title:hover{color:var(--accent)}.pp-empty{text-align:center;color:var(--muted);padding:26px}.pp-pagination{display:flex;justify-content:center;align-items:center;gap:14px;margin:19px 0}.pp-pagination span{color:var(--muted);font-size:12px}.pp-dashboard-lower{display:grid;grid-template-columns:2fr 1fr;gap:16px;margin-top:18px}.pp-workload-list{display:grid;gap:7px}.pp-workload-list>div{display:flex;justify-content:space-between;border-bottom:1px solid var(--border);padding:8px 0}.pp-workload-list>div:last-child{border:0}.pp-workload-list b{background:#f2f4f7;border-radius:999px;padding:1px 8px}
.pp-task-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:18px}.pp-task-main{display:grid;gap:16px}.pp-task-side{display:grid;gap:16px;align-content:start}.pp-sticky{position:sticky;top:90px}.pp-sticky form{display:grid;gap:10px}.pp-detail-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.pp-detail-grid div{border-left:2px solid var(--border);padding-left:10px}.pp-detail-grid span,.pp-detail-grid strong{display:block}.pp-detail-grid span{font-size:11px;color:var(--muted);margin-bottom:3px}.pp-tag-row{display:flex;gap:6px;flex-wrap:wrap;margin-top:17px}.pp-tag-row span{background:#f2f4f7;border-radius:999px;padding:4px 9px;font-size:11px;font-weight:700}.pp-prose p,.pp-private-note p{white-space:normal;margin-bottom:0;color:#344054}.pp-private-note{background:#fffaeb;border-color:#fedf89}.pp-reference-list{display:grid;gap:6px}.pp-reference-list a{color:var(--info);word-break:break-all}.pp-reference-list a:hover{text-decoration:underline}
.pp-attachment-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.pp-attachment{border:1px solid var(--border);border-radius:11px;padding:9px;display:flex;gap:10px;min-width:0}.pp-attachment-thumb,.pp-file-icon{width:68px;height:54px;border-radius:8px;overflow:hidden;background:#f2f4f7;display:grid;place-items:center;flex:none;font-weight:900;font-size:11px}.pp-attachment-thumb img{width:100%;height:100%;object-fit:cover}.pp-attachment-copy{min-width:0;display:grid;align-content:center}.pp-attachment-copy>strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pp-attachment-copy>small{color:var(--muted);font-size:10px}.pp-dropzone{margin-top:14px;border:1.5px dashed #b8bec8;border-radius:12px;padding:22px;text-align:center;display:grid;gap:4px;color:var(--muted);cursor:pointer;background:#fbfcfd}.pp-dropzone:hover,.pp-dropzone.is-over{border-color:#475467;background:#f7f8fa}.pp-dropzone input{display:none}.pp-dropzone strong{color:var(--text)}.pp-dropzone span{font-size:11px}.pp-upload-progress{height:7px;background:#eaecf0;border-radius:999px;margin-top:9px;overflow:hidden}.pp-upload-progress span{display:block;height:100%;width:0;background:var(--primary);transition:width .15s}.pp-upload-results{font-size:12px;margin-top:7px}
.pp-comment-form{border-top:1px solid var(--border);padding-top:15px;margin-top:16px;display:grid;gap:9px}.pp-comment{display:flex;gap:10px;padding:13px 0;border-bottom:1px solid var(--border)}.pp-comment:last-child{border-bottom:0}.pp-comment.is-reply{margin-left:24px;border-left:2px solid #eaecf0;padding-left:12px}.pp-comment-body{flex:1;min-width:0}.pp-comment-body header{display:flex;gap:7px;align-items:baseline;flex-wrap:wrap}.pp-comment-body header span{font-size:10px;color:var(--muted)}.pp-comment-body p{margin:5px 0 7px;white-space:normal;word-break:break-word}.pp-reply-banner{background:var(--info-bg);color:var(--info);padding:7px 10px;border-radius:8px;display:flex;justify-content:space-between}.pp-reply-banner button{border:0;background:none;color:inherit}.pp-comment-edit{display:grid;gap:7px}.pp-comment-edit textarea{width:100%}
.pp-timeline{display:grid}.pp-timeline-item{display:grid;grid-template-columns:12px 1fr;gap:9px;position:relative;padding-bottom:15px}.pp-timeline-item>span{width:8px;height:8px;background:#98a2b3;border-radius:50%;margin-top:5px;position:relative}.pp-timeline-item>span:after{content:"";position:absolute;width:1px;background:#e4e7ec;top:8px;bottom:-20px;left:3.5px}.pp-timeline-item:last-child>span:after{display:none}.pp-timeline-item p{margin:1px 0}.pp-timeline-item small{display:block;color:var(--muted);font-size:10px}.pp-timeline-compact{max-height:280px;overflow:auto}
.pp-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.pp-entity-card{display:grid;grid-template-columns:44px 1fr auto;gap:12px;align-items:start}.pp-entity-icon{width:44px;height:44px;border-radius:12px;background:#171717;color:#fff;display:grid;place-items:center;font-weight:900}.pp-entity-card h2{margin:0 0 3px}.pp-entity-card p{color:var(--muted);margin-bottom:8px}.pp-entity-stats{display:flex;gap:6px;flex-wrap:wrap}.pp-entity-stats span{font-size:10px;background:#f2f4f7;padding:3px 7px;border-radius:999px}.pp-two-column{display:grid;grid-template-columns:340px 1fr;gap:16px}.pp-inline-form{display:flex;gap:8px}.pp-tag-manager{display:grid}.pp-tag-manager>div{display:flex;align-items:center;gap:8px;padding:9px 0;border-bottom:1px solid var(--border)}.pp-tag-manager>div>form:first-child{display:grid;grid-template-columns:1fr 80px auto;gap:8px;align-items:center;flex:1}.pp-tag-manager span{color:var(--muted);font-size:11px}
.pp-auth-page{min-height:100vh;background:#f0f2f5;display:grid;place-items:center;padding:24px}.pp-auth-wrap{width:min(420px,100%)}.pp-auth-brand{display:flex;justify-content:center;align-items:center;gap:10px;margin-bottom:16px}.pp-auth-card{padding:27px}.pp-auth-card h1{text-align:center;font-size:25px}.pp-auth-card>p{text-align:center}.pp-auth-links{text-align:right;margin:9px 0 14px}.pp-auth-links a{color:var(--info);font-size:12px;font-weight:700}.pp-success-icon{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:var(--success-bg);color:var(--success);font-size:26px;margin:0 auto 14px}.pp-install-shell{width:min(1100px,100%)}.pp-install-grid{display:grid;grid-template-columns:330px 1fr;gap:16px}.pp-check-list{display:grid;gap:8px}.pp-check{display:flex;gap:8px;align-items:center;padding:7px 9px;border-radius:8px;background:#f7f8fa}.pp-check span{font-weight:900}.pp-check.is-ok{color:var(--success)}.pp-check.is-bad{color:var(--danger)}.pp-error-card{text-align:center;width:min(440px,100%)}.pp-error-card>strong{display:block;font-size:60px;color:#d0d5dd}
.pp-toast-stack{position:fixed;right:20px;bottom:20px;display:grid;gap:8px;z-index:100}.pp-toast{background:#111216;color:#fff;padding:11px 14px;border-radius:10px;box-shadow:var(--shadow);max-width:330px}.pp-toast.is-error{background:var(--danger)}
@media(max-width:1250px){.pp-filter-grid{grid-template-columns:repeat(4,minmax(150px,1fr))}.pp-stats-grid{grid-template-columns:repeat(3,1fr)}.pp-detail-grid{grid-template-columns:repeat(3,1fr)}.pp-card-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.pp-sidebar{transform:translateX(-100%);transition:.2s}.pp-sidebar.is-open{transform:translateX(0);box-shadow:20px 0 50px rgba(0,0,0,.2)}.pp-page{margin-left:0}.pp-menu-btn{display:block}.pp-content{padding:20px}.pp-topbar{padding:0 18px}.pp-task-layout,.pp-dashboard-lower,.pp-install-grid,.pp-two-column{grid-template-columns:1fr}.pp-sticky{position:static}.pp-form-grid-3{grid-template-columns:repeat(2,1fr)}.pp-filter-grid{grid-template-columns:repeat(2,1fr)}.pp-card-grid{grid-template-columns:1fr}}
@media(max-width:620px){h1{font-size:24px}.pp-content{padding:15px}.pp-topbar>div small{display:none}.pp-topbar .pp-btn{padding:8px 10px}.pp-page-heading{display:grid}.pp-page-heading .pp-actions{width:100%}.pp-stats-grid{grid-template-columns:repeat(2,1fr)}.pp-filter-grid,.pp-form-grid-2,.pp-form-grid-3{grid-template-columns:1fr}.pp-span-2{grid-column:auto}.pp-detail-grid{grid-template-columns:repeat(2,1fr)}.pp-attachment-grid{grid-template-columns:1fr}.pp-form-footer{position:sticky;bottom:0;background:rgba(245,246,248,.96);padding:10px 0;z-index:10;flex-wrap:wrap}.pp-kanban-column{width:270px;min-width:270px}.pp-tag-manager>div{align-items:flex-start}.pp-tag-manager>div>form:first-child{grid-template-columns:1fr}.pp-entity-card{grid-template-columns:40px 1fr}.pp-entity-card>.pp-btn{grid-column:2}.pp-comment.is-reply{margin-left:12px}.pp-pagination{justify-content:space-between}.pp-pagination span{display:none}}

/* Pixel Perfect Portal v2 */
:root{--primary:#4f46e5;--primary-2:#4338ca;--accent:#6366f1;--bg:#f7f8fc;--surface:#fff;--surface-2:#f4f6fb;--text:#172033;--muted:#6b7280;--border:#e5e7ef;--radius:16px;--shadow:0 8px 30px rgba(35,41,70,.06);--font:Inter,Tajawal,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
html[lang="ar"]{--font:Tajawal,Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
html[data-theme="dark"]{--bg:#0c111b;--surface:#151c29;--surface-2:#101722;--text:#edf2fa;--muted:#98a3b7;--border:#263246;--shadow:0 12px 36px rgba(0,0,0,.24);--success-bg:#0d2f25;--warning-bg:#342513;--danger-bg:#391b1f;--info-bg:#102844}
html[data-theme="dark"] body,html[data-theme="dark"] .pp-content{background:var(--bg);color:var(--text)}
html[data-theme="dark"] .pp-topbar,html[data-theme="dark"] .pp-card,html[data-theme="dark"] .pp-stat-card,html[data-theme="dark"] .pp-task-card,html[data-theme="dark"] .pp-segmented a.is-active,html[data-theme="dark"] .pp-input{background:var(--surface);color:var(--text)}
html[data-theme="dark"] .pp-input,html[data-theme="dark"] .pp-btn-secondary,html[data-theme="dark"] .pp-btn-ghost{border-color:var(--border);color:var(--text)}
html[data-theme="dark"] .pp-btn-secondary{background:#1b2534}html[data-theme="dark"] .pp-kanban-column{background:#111925}html[data-theme="dark"] .pp-dropzone{background:#111925}html[data-theme="dark"] .pp-table th{background:#111925}html[data-theme="dark"] .pp-status{background:#1b2534;color:var(--text);border-color:var(--border)}
html[dir="rtl"] .pp-sidebar{inset:0 0 0 auto}html[dir="rtl"] .pp-page{margin-left:0;margin-right:var(--sidebar)}html[dir="rtl"] .pp-table th,html[dir="rtl"] .pp-table td{text-align:right}html[dir="rtl"] .pp-detail-grid div{border-left:0;border-right:2px solid var(--border);padding-left:0;padding-right:10px}html[dir="rtl"] .pp-comment.is-reply{margin-left:0;margin-right:24px;border-left:0;border-right:2px solid var(--border);padding-left:0;padding-right:12px}html[dir="rtl"] .pp-timeline-item>span:after{left:auto;right:3.5px}
.pp-sidebar{background:linear-gradient(180deg,#111827,#0c1220);padding:20px 14px}.pp-logo-mark{background:linear-gradient(135deg,#6366f1,#4338ca);box-shadow:0 8px 22px rgba(99,102,241,.35)}.pp-nav-link{font-size:13px;border:1px solid transparent}.pp-nav-link:hover,.pp-nav-link.is-active{background:rgba(99,102,241,.14);border-color:rgba(129,140,248,.22)}.pp-sidebar-bottom{margin-top:auto}.pp-preview-form{padding:0 6px 10px}.pp-preview-btn{width:100%;border:1px solid #313d52;background:#151f30;color:#cbd5e1;border-radius:10px;padding:9px;font-size:11px;font-weight:700}.pp-preview-btn:hover{border-color:#6366f1;color:#fff}.pp-sidebar-user{margin-top:0}
.pp-topbar{justify-content:space-between}.pp-topbar-start{display:flex;align-items:center;gap:12px;min-width:0}.pp-topbar-start>div{min-width:0}.pp-topbar-actions{display:flex;align-items:center;gap:8px;flex:none}.pp-top-icon{width:38px;height:38px;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:11px;font-weight:800}.pp-top-icon:hover{border-color:#818cf8}.pp-preview-notice{background:#eef2ff;color:#4338ca;border:1px solid #c7d2fe;border-radius:12px;padding:9px 13px;margin-bottom:16px;font-size:12px;font-weight:700}
.pp-reminder-wrap{position:relative}.pp-reminder-icon{position:relative;width:38px;height:38px;border:1px solid #fecaca;background:#fff7f7;color:#be123c;border-radius:12px;font-size:16px}.pp-reminder-icon b{position:absolute;top:-5px;right:-5px;min-width:18px;height:18px;padding:0 4px;border-radius:10px;background:#e11d48;color:#fff;font-size:10px;display:grid;place-items:center}.pp-reminder-popover{position:absolute;top:46px;right:0;width:250px;background:var(--surface);border:1px solid var(--border);border-radius:13px;padding:13px;box-shadow:var(--shadow);z-index:70}.pp-reminder-popover strong{display:block;color:#be123c;margin-bottom:4px}.pp-reminder-popover p{margin:0;color:var(--muted);font-size:12px}html[dir="rtl"] .pp-reminder-popover{right:auto;left:0}
.pp-clean-heading{align-items:center}.pp-stats-grid-3{grid-template-columns:repeat(3,minmax(180px,1fr));max-width:880px}.pp-stat-card{display:block;transition:.18s;border-color:var(--border)}a.pp-stat-card:hover{transform:translateY(-2px);border-color:#a5b4fc}.pp-stat-card strong{display:block;margin-top:4px}.pp-stat-urgent strong{color:#e11d48}.pp-stat-review strong{color:#0284c7}.pp-stat-success strong{color:#059669}
.pp-complete-state{display:flex;align-items:center;gap:14px;background:linear-gradient(135deg,#ecfdf3,#f0fdf4);border:1px solid #a7f3d0;border-radius:17px;padding:16px 18px;margin-bottom:16px;color:#065f46}.pp-complete-state>span{width:42px;height:42px;border-radius:50%;background:#10b981;color:#fff;display:grid;place-items:center;font-size:22px}.pp-complete-state h2{margin:0 0 2px;font-size:17px}.pp-complete-state p{margin:0;color:#047857}.pp-upcoming{background:var(--surface);border:1px solid var(--border);border-radius:14px;margin-bottom:17px}.pp-upcoming summary{padding:12px 15px;cursor:pointer;font-weight:800}.pp-upcoming summary b{background:#eef2ff;color:#4f46e5;border-radius:999px;padding:1px 7px}.pp-upcoming>div{border-top:1px solid var(--border);display:grid}.pp-upcoming a{padding:10px 15px;display:flex;justify-content:space-between;border-bottom:1px solid var(--border)}.pp-upcoming a:last-child{border:0}.pp-upcoming span{color:var(--muted);font-size:12px}
.pp-search-strip{margin-bottom:17px}.pp-search-strip form{display:flex;gap:8px;align-items:center}.pp-search-strip label{flex:1;display:flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:0 12px;max-width:620px}.pp-search-strip input{width:100%;border:0;background:transparent;color:var(--text);outline:none;padding:11px 0}
.pp-kanban-3{display:grid;grid-template-columns:repeat(3,minmax(260px,1fr));gap:16px;overflow:visible}.pp-kanban-3 .pp-kanban-column{width:auto;min-width:0;background:var(--surface-2);border:1px solid var(--border);padding:12px}.pp-kanban-column>header{justify-content:flex-start;gap:8px}.pp-kanban-column>header b{margin-inline-start:auto}.pp-status-dot{width:10px;height:10px;border-radius:50%;background:#6366f1}.pp-col-required .pp-status-dot{background:#f59e0b}.pp-col-executed .pp-status-dot{background:#0ea5e9}.pp-col-accepted .pp-status-dot{background:#10b981}.pp-kanban-list{min-height:160px}.pp-task-card{cursor:default}.pp-task-card[draggable="true"]{cursor:grab}.pp-revision-chip{display:inline-flex;margin-top:8px;border-radius:999px;padding:3px 8px;background:#fff1f2;color:#be123c;font-size:10px;font-weight:800}.pp-column-empty{text-align:center;color:#a3aab8;padding:35px}.pp-status-required{border-color:#fde68a;background:#fffbeb;color:#a16207}.pp-status-executed{border-color:#bae6fd;background:#f0f9ff;color:#0369a1}.pp-status-accepted{border-color:#a7f3d0;background:#ecfdf5;color:#047857}.pp-activity-collapsed{margin-top:18px;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:0 16px}.pp-activity-collapsed summary{padding:13px 0;font-weight:800;cursor:pointer}
.pp-task-form-simple{display:grid;gap:16px;max-width:940px}.pp-form-stack{display:grid;gap:16px}.pp-input-lg{font-size:17px;font-weight:700;padding:13px}.pp-moodboard-toggle-card{border:1px solid #c7d2fe;background:#f5f7ff;border-radius:14px;padding:13px}.pp-switch-row{display:flex;align-items:center;gap:10px;cursor:pointer}.pp-switch-row input{position:absolute;opacity:0}.pp-switch{width:38px;height:22px;border-radius:999px;background:#cbd5e1;position:relative;transition:.2s}.pp-switch:after{content:"";position:absolute;width:16px;height:16px;top:3px;left:3px;border-radius:50%;background:#fff;transition:.2s;box-shadow:0 1px 4px rgba(0,0,0,.2)}.pp-switch-row input:checked+.pp-switch{background:#4f46e5}.pp-switch-row input:checked+.pp-switch:after{transform:translateX(16px)}html[dir="rtl"] .pp-switch:after{left:auto;right:3px}html[dir="rtl"] .pp-switch-row input:checked+.pp-switch:after{transform:translateX(-16px)}.pp-sub-switch{margin-top:11px;padding-inline-start:48px;color:var(--muted);font-size:12px}.pp-form-note{color:var(--muted);font-size:12px;margin:0}.pp-advanced-details{padding:0}.pp-advanced-details>summary{padding:16px 20px;font-weight:800;cursor:pointer}.pp-advanced-body{padding:0 20px 20px;border-top:1px solid var(--border);padding-top:18px}
.pp-btn-moodboard{background:linear-gradient(135deg,#7c3aed,#4f46e5);color:#fff}.pp-btn-success{background:#059669;color:#fff}.pp-btn-danger-soft{background:#fff1f2;border-color:#fecdd3;color:#be123c}.pp-workflow-steps{display:grid;grid-template-columns:repeat(3,1fr);max-width:760px;margin:0 0 18px;background:var(--surface);border:1px solid var(--border);border-radius:15px;padding:10px}.pp-workflow-steps>div{display:flex;align-items:center;gap:8px;color:var(--muted);position:relative;padding:5px}.pp-workflow-steps>div:not(:last-child):after{content:"";height:2px;background:var(--border);position:absolute;left:calc(50% + 24px);right:calc(-50% + 24px);top:20px}.pp-workflow-steps span{width:28px;height:28px;border:2px solid var(--border);border-radius:50%;display:grid;place-items:center;background:var(--surface);z-index:1;font-size:11px}.pp-workflow-steps .is-current{color:#4f46e5}.pp-workflow-steps .is-current span{border-color:#4f46e5;color:#4f46e5}.pp-workflow-steps .is-done span{background:#10b981;border-color:#10b981;color:#fff}.pp-workflow-steps .is-done:after{background:#10b981}.pp-rejection-card{background:#fff1f2;border:1px solid #fecdd3;border-radius:15px;padding:15px 18px;margin-bottom:16px;color:#9f1239}.pp-rejection-card p{margin:5px 0 0;color:#881337}.pp-status-message{border-radius:12px;padding:11px 14px;margin-bottom:16px;font-weight:700}.pp-status-message-info{background:#eff8ff;color:#175cd3}.pp-status-message-success{background:#ecfdf3;color:#067647}.pp-main-brief{font-size:16px;line-height:1.9;color:var(--text)}.pp-detail-grid-simple{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:18px}.pp-inline-details{border-top:1px solid var(--border);margin-top:13px;padding-top:10px}.pp-inline-details summary{font-weight:800;cursor:pointer}.pp-inline-details p{margin:9px 0 0;color:var(--muted)}.pp-workflow-actions{display:grid;gap:10px}.pp-workflow-actions h2{margin:0}.pp-workflow-actions p{color:var(--muted);margin:0}.pp-reject-form{border-top:1px solid var(--border);padding-top:12px}.pp-review-history{display:grid;gap:10px}.pp-review-item{border-inline-start:3px solid #94a3b8;padding-inline-start:10px}.pp-review-item.is-accepted{border-color:#10b981}.pp-review-item.is-rejected{border-color:#e11d48}.pp-review-item p{margin:4px 0;color:var(--muted)}.pp-review-item small{color:var(--muted)}.pp-activity-details summary{font-weight:800;cursor:pointer}.pp-activity-details .pp-timeline{margin-top:14px;max-height:300px;overflow:auto}
.pp-settings-grid{display:grid;grid-template-columns:minmax(0,620px) 320px;gap:16px}.pp-designer-summary{display:flex;align-items:center;gap:12px;margin:14px 0}.pp-designer-summary small{display:block;color:var(--muted)}
.pp-moodboard-page{display:grid;grid-template-rows:auto auto minmax(560px,calc(100vh - 250px));gap:12px}.pp-moodboard-header{display:flex;justify-content:space-between;align-items:center;gap:20px}.pp-moodboard-header h1{font-size:22px;margin:2px 0}.pp-moodboard-header p{margin:0;color:var(--muted)}.pp-board-status{background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:6px 11px;color:var(--muted);font-size:11px}.pp-moodboard-toolbar{display:flex;align-items:center;gap:5px;flex-wrap:wrap;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:7px;box-shadow:var(--shadow)}.pp-moodboard-toolbar button{width:38px;height:36px;border:1px solid transparent;background:transparent;color:var(--text);border-radius:9px;font-weight:800}.pp-moodboard-toolbar button:hover,.pp-moodboard-toolbar button.is-active{background:#eef2ff;color:#4338ca;border-color:#c7d2fe}.pp-toolbar-separator{width:1px;height:25px;background:var(--border);margin:0 3px}.pp-moodboard-stage{background:#f7f8fb;border:1px solid var(--border);border-radius:17px;overflow:hidden;min-height:560px;touch-action:none;position:relative}.pp-moodboard-stage[data-tool="pan"]{cursor:grab}.pp-moodboard-stage[data-tool="draw"],.pp-moodboard-stage[data-tool="arrow"]{cursor:crosshair}.pp-board-bg{color:#475569}.pp-board-object{cursor:move}.pp-board-object.is-locked{cursor:not-allowed;opacity:.86}.pp-board-object.is-selected{filter:brightness(1.02)}.pp-board-snapshots{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:10px}.pp-board-snapshots summary{cursor:pointer;font-weight:800}.pp-board-snapshots>div{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.pp-board-snapshots button{border:1px solid var(--border);background:var(--surface-2);color:var(--text);border-radius:8px;padding:6px 9px}
html[data-theme="dark"] .pp-complete-state{background:#0d2f25;border-color:#166534;color:#d1fae5}html[data-theme="dark"] .pp-complete-state p{color:#a7f3d0}html[data-theme="dark"] .pp-moodboard-toggle-card{background:#171b38;border-color:#3730a3}html[data-theme="dark"] .pp-reminder-icon{background:#3b1720;border-color:#6b1d2d}html[data-theme="dark"] .pp-moodboard-stage{background:#0d1420}
@media(max-width:1000px){.pp-kanban-3{display:flex;overflow:auto}.pp-kanban-3 .pp-kanban-column{width:300px;min-width:300px}.pp-settings-grid{grid-template-columns:1fr}.pp-detail-grid-simple{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){html[dir="rtl"] .pp-sidebar{transform:translateX(100%)}html[dir="rtl"] .pp-sidebar.is-open{transform:translateX(0)}html[dir="rtl"] .pp-page{margin-right:0}.pp-topbar-actions .pp-btn{font-size:0}.pp-topbar-actions .pp-btn:before{content:"+";font-size:18px}.pp-moodboard-page{grid-template-rows:auto auto minmax(500px,calc(100vh - 220px))}.pp-moodboard-stage{min-height:500px}}
@media(max-width:620px){.pp-topbar{height:64px;padding:0 12px}.pp-topbar-start small{display:none}.pp-topbar-actions{gap:5px}.pp-top-icon,.pp-reminder-icon{width:34px;height:34px}.pp-stats-grid-3{grid-template-columns:repeat(3,minmax(110px,1fr));gap:7px;overflow:auto}.pp-stat-card{padding:11px}.pp-stat-card strong{font-size:21px}.pp-search-strip form{flex-wrap:wrap}.pp-search-strip label{flex-basis:100%}.pp-workflow-steps strong{font-size:11px}.pp-workflow-steps>div{gap:4px}.pp-workflow-steps>div:not(:last-child):after{display:none}.pp-moodboard-header{display:block}.pp-moodboard-header .pp-board-status{display:inline-block;margin-top:8px}.pp-moodboard-toolbar{flex-wrap:nowrap;overflow:auto}.pp-moodboard-toolbar button{flex:none}.pp-task-layout{display:block}.pp-task-side{margin-top:16px}.pp-detail-grid-simple{grid-template-columns:1fr 1fr}}

/* v2.1 — friendly deadline choices and pre-task drag/drop references */
.pp-field-label{font-size:12px;font-weight:800;color:#344054;margin-bottom:8px}.pp-field-label small{font-weight:600;color:var(--muted);margin-inline-start:5px}.pp-deadline-picker{display:grid;gap:10px}.pp-deadline-options{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.pp-deadline-option{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:12px;min-height:68px;padding:9px 8px;display:grid;align-content:center;gap:3px;text-align:start;cursor:pointer;transition:.18s ease}.pp-deadline-option:hover{border-color:#9aa3b2;transform:translateY(-1px)}.pp-deadline-option strong{font-size:13px}.pp-deadline-option span{font-size:10px;color:var(--muted);line-height:1.35}.pp-deadline-option.is-selected{border-color:#4f46e5;background:#eef2ff;box-shadow:0 0 0 3px rgba(79,70,229,.1)}.pp-custom-deadline{max-width:320px}.pp-deadline-selected{font-size:12px;font-weight:700;color:#4338ca;background:#eef2ff;border-radius:9px;padding:8px 10px;width:max-content;max-width:100%}
.pp-reference-upload-card{border:1px solid var(--border);border-radius:14px;padding:14px;background:var(--surface)}.pp-reference-upload-heading{display:flex;justify-content:space-between;gap:12px;margin-bottom:10px}.pp-reference-upload-heading>div{display:grid;gap:3px}.pp-reference-upload-heading strong{font-size:14px}.pp-reference-upload-heading span{font-size:11px;color:var(--muted)}.pp-create-dropzone{border:1.5px dashed #aeb7c5;border-radius:13px;min-height:132px;padding:20px;display:grid;place-items:center;align-content:center;gap:5px;text-align:center;cursor:pointer;background:#fbfcfe;transition:.18s ease}.pp-create-dropzone:hover,.pp-create-dropzone.is-over{border-color:#4f46e5;background:#f5f7ff;transform:translateY(-1px)}.pp-create-dropzone.is-pasted{border-color:#16a34a;background:#f0fdf4}.pp-create-dropzone input{display:none}.pp-create-dropzone strong{font-size:13px}.pp-create-dropzone small{font-size:10px;color:var(--muted)}.pp-dropzone-icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#eef2ff;color:#4f46e5;font-size:21px;font-weight:900}.pp-selected-files{margin-top:12px}.pp-selected-files-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px;font-size:12px}.pp-selected-files-title b{min-width:23px;height:23px;border-radius:999px;display:grid;place-items:center;background:#eef2ff;color:#4338ca}.pp-selected-files-list{display:grid;gap:7px}.pp-selected-file{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:9px;border:1px solid var(--border);border-radius:10px;padding:7px;background:var(--surface)}.pp-selected-file-thumb{width:48px;height:42px;border-radius:8px;overflow:hidden;background:#f2f4f7;display:grid;place-items:center;font-size:9px;font-weight:900;color:#667085}.pp-selected-file-thumb img{width:100%;height:100%;object-fit:cover}.pp-selected-file-copy{display:grid;min-width:0}.pp-selected-file-copy strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pp-selected-file-copy small{font-size:10px;color:var(--muted)}.pp-selected-file-remove{border:0;background:#fff1f2;color:#be123c;border-radius:8px;padding:6px 8px;font-size:10px;font-weight:800;cursor:pointer}
html[data-theme="dark"] .pp-deadline-option.is-selected,html[data-theme="dark"] .pp-deadline-selected{background:#25244a;color:#c7d2fe}html[data-theme="dark"] .pp-create-dropzone{background:#111925}html[data-theme="dark"] .pp-create-dropzone:hover,html[data-theme="dark"] .pp-create-dropzone.is-over{background:#1b2140}html[data-theme="dark"] .pp-selected-file-remove{background:#3b1821;color:#fda4af}
@media(max-width:900px){.pp-deadline-options{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:560px){.pp-deadline-options{grid-template-columns:repeat(2,minmax(0,1fr))}.pp-deadline-option{min-height:64px}.pp-selected-file{grid-template-columns:42px minmax(0,1fr) auto}.pp-selected-file-thumb{width:42px;height:38px}}


/* v2.3 — readability and layout polish */
:root{--shadow:0 12px 28px rgba(15,23,42,.08);}
body{font-size:15px;line-height:1.6}
h1{font-size:32px} h2{font-size:20px} h3{font-size:15px}
.pp-content{padding:22px 24px 28px;max-width:1420px}
.pp-card{padding:18px 20px}
.pp-back{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--text);font-weight:800;margin-bottom:14px;box-shadow:var(--shadow)}
.pp-back:hover{border-color:#818cf8;color:#4338ca}
.pp-back-strong span{font-size:18px;line-height:1}
.pp-page-heading{margin-bottom:16px}
.pp-page-heading .pp-actions{gap:10px}
.pp-btn{border-radius:12px;padding:10px 15px;font-size:14px}
.pp-btn-moodboard{box-shadow:0 10px 24px rgba(79,70,229,.22)}
.pp-topbar{height:78px;padding:0 22px}
.pp-topbar strong{font-size:18px}.pp-topbar small{font-size:12px}
.pp-top-icon,.pp-reminder-icon{width:40px;height:40px;border-radius:13px}
.pp-preview-notice{display:inline-flex;align-items:center;gap:10px;max-width:100%;padding:10px 14px;background:rgba(99,102,241,.10);border-color:rgba(99,102,241,.24);margin-bottom:14px}
.pp-sidebar{padding:18px 14px;background:linear-gradient(180deg,#0a1220,#09101a)}
.pp-brand{padding:4px 8px 18px}.pp-brand strong{font-size:18px}.pp-brand small{font-size:12px}
.pp-nav{gap:7px}.pp-nav-link{padding:12px 14px;font-size:14px;border-radius:13px}
.pp-nav-link span{width:20px;font-size:15px}
.pp-sidebar-bottom{display:grid;gap:12px}.pp-preview-form{padding:0}.pp-preview-btn{height:42px;border-radius:12px;font-size:12px}
.pp-user-panel{border:1px solid rgba(148,163,184,.16);background:rgba(255,255,255,.03);border-radius:16px;padding:8px}.pp-sidebar-user{padding:6px 6px 8px;border-top:0}.pp-avatar{width:42px;height:42px}.pp-user-copy strong{font-size:14px}.pp-user-copy small{font-size:12px}
.pp-logout-form{margin:0}.pp-logout-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid #2a3447;background:#121c2b;color:#f8fafc;border-radius:12px;padding:10px 12px;font-weight:800}.pp-logout-btn:hover{border-color:#ef4444;background:#2a1118;color:#fff}.pp-logout-ic{font-size:16px;line-height:1}
.pp-task-heading{align-items:flex-start}.pp-task-heading h1{margin-top:8px;margin-bottom:6px}.pp-task-heading p{font-size:14px}
.pp-task-layout{grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:14px}.pp-task-main,.pp-task-side{gap:14px}
.pp-main-brief{font-size:17px;line-height:2}
.pp-detail-grid-simple{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.pp-detail-grid-simple div{padding:10px 12px;border:1px solid var(--border);border-radius:12px;background:var(--surface-2);border-left:0}
html[dir="rtl"] .pp-detail-grid-simple div{border-right:0;padding-right:12px}
.pp-workflow-steps{max-width:none;width:100%;margin:0 0 16px;padding:12px 14px;gap:10px}.pp-workflow-steps>div{display:grid;grid-template-columns:34px 1fr;align-items:center;column-gap:10px;row-gap:2px;min-height:54px;padding:6px 4px}.pp-workflow-steps>div:not(:last-child):after{top:27px}.pp-workflow-steps strong{display:block;font-size:14px;line-height:1.45;white-space:normal}.pp-workflow-steps span{width:34px;height:34px;font-size:12px;font-weight:800}
.pp-reference-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}.pp-reference-grid .pp-attachment-card{height:100%}
.pp-workflow-actions,.pp-review-history,.pp-timeline{font-size:14px}
.pp-moodboard-page{grid-template-rows:auto auto minmax(520px,calc(100vh - 220px));gap:10px}.pp-moodboard-header h1{font-size:24px}.pp-board-status{font-size:12px;padding:8px 12px}
.pp-moodboard-toolbar{gap:8px;padding:10px;border-radius:16px}.pp-moodboard-toolbar button{width:auto;min-width:68px;height:56px;padding:8px 10px;display:grid;place-items:center;gap:4px;border:1px solid transparent;border-radius:12px}.pp-tool-btn-sm{min-width:60px}.pp-tool-ic{display:block;font-size:18px;line-height:1}.pp-tool-label{display:block;font-size:11px;font-weight:800;line-height:1.1;white-space:nowrap}.pp-toolbar-separator{height:40px;margin:0 1px}.pp-moodboard-stage{min-height:600px;border-radius:18px}
html[data-theme="dark"]{--bg:#08111f;--surface:#101a2a;--surface-2:#0d1726;--text:#f5f7fb;--muted:#a8b2c3;--border:#223147;--success-bg:#0d3428;--warning-bg:#3a2c11;--danger-bg:#381821;--info-bg:#0f2946;--shadow:0 16px 32px rgba(0,0,0,.28)}
html[data-theme="dark"] .pp-topbar{background:rgba(11,18,32,.92)}html[data-theme="dark"] .pp-card,html[data-theme="dark"] .pp-stat-card,html[data-theme="dark"] .pp-task-card,html[data-theme="dark"] .pp-input,html[data-theme="dark"] .pp-top-icon{background:var(--surface);color:var(--text)}
html[data-theme="dark"] .pp-top-icon,html[data-theme="dark"] .pp-reminder-icon,html[data-theme="dark"] .pp-back,html[data-theme="dark"] .pp-detail-grid-simple div{border-color:#31445e}
html[data-theme="dark"] .pp-preview-notice{background:rgba(99,102,241,.14);color:#dbe4ff;border-color:rgba(129,140,248,.34)}
html[data-theme="dark"] .pp-nav-link{color:#d3d9e5}html[data-theme="dark"] .pp-nav-link:hover,html[data-theme="dark"] .pp-nav-link.is-active{background:rgba(99,102,241,.18);border-color:rgba(129,140,248,.28)}
html[data-theme="dark"] .pp-workflow-steps,html[data-theme="dark"] .pp-board-status,html[data-theme="dark"] .pp-moodboard-toolbar,html[data-theme="dark"] .pp-board-snapshots{background:var(--surface)}
html[data-theme="dark"] .pp-workflow-steps .is-current{color:#a5b4fc}html[data-theme="dark"] .pp-workflow-steps .is-current span{border-color:#818cf8;color:#c7d2fe}
html[data-theme="dark"] .pp-moodboard-toolbar button:hover,html[data-theme="dark"] .pp-moodboard-toolbar button.is-active{background:#1b2540;color:#dbe4ff;border-color:#475569}
html[data-theme="dark"] .pp-moodboard-stage{background:#0a1320}html[data-theme="dark"] .pp-board-bg{color:#64748b}
@media(max-width:1100px){.pp-task-layout{grid-template-columns:1fr}.pp-task-side{order:-1}.pp-sticky{position:static}}
@media(max-width:900px){.pp-content{padding:16px}.pp-page-heading{display:block}.pp-workflow-steps{grid-template-columns:1fr}.pp-workflow-steps>div:not(:last-child):after{display:none}.pp-moodboard-toolbar{overflow:auto;flex-wrap:nowrap}.pp-moodboard-toolbar button{flex:none}}
@media(max-width:620px){body{font-size:14.5px}h1{font-size:28px}.pp-main-brief{font-size:16px}.pp-detail-grid-simple{grid-template-columns:1fr}.pp-topbar{height:66px}.pp-back{width:100%;justify-content:center}.pp-tool-label{font-size:10px}}


/* v2.3.1 — simplified workflow tracker without connector lines */
.pp-workflow-steps{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  padding:12px;
  background:transparent;
  border:0;
  box-shadow:none;
}
.pp-workflow-steps>div{
  grid-template-columns:40px minmax(0,1fr);
  min-height:64px;
  padding:11px 14px;
  border:1px solid var(--border);
  border-radius:14px;
  background:var(--surface);
  color:var(--muted);
  box-shadow:var(--shadow);
}
.pp-workflow-steps>div:not(:last-child):after{display:none!important}
.pp-workflow-steps span{
  width:40px;
  height:40px;
  border-width:2px;
  font-size:13px;
  font-weight:900;
}
.pp-workflow-steps strong{
  font-size:15px;
  line-height:1.4;
}
.pp-workflow-steps .is-current{
  color:#4338ca;
  border-color:#818cf8;
  background:#f5f7ff;
}
.pp-workflow-steps .is-current span{
  border-color:#4f46e5;
  background:#4f46e5;
  color:#fff;
  box-shadow:0 0 0 5px rgba(79,70,229,.10);
}
.pp-workflow-steps .is-done{
  color:#067647;
  border-color:#86efac;
  background:#f0fdf4;
}
.pp-workflow-steps .is-done span{
  position:relative;
  color:transparent;
  background:#16a34a;
  border-color:#16a34a;
}
.pp-workflow-steps .is-done span:after{
  content:"✓";
  position:absolute;
  inset:0;
  display:grid;
  place-items:center;
  color:#fff;
  font-size:20px;
  font-weight:900;
}
.pp-workflow-steps[data-current-status="Accepted"] .is-current{
  color:#067647;
  border-color:#86efac;
  background:#f0fdf4;
}
.pp-workflow-steps[data-current-status="Accepted"] .is-current span{
  position:relative;
  color:transparent;
  background:#16a34a;
  border-color:#16a34a;
  box-shadow:0 0 0 5px rgba(22,163,74,.12);
}
.pp-workflow-steps[data-current-status="Accepted"] .is-current span:after{
  content:"✓";
  position:absolute;
  inset:0;
  display:grid;
  place-items:center;
  color:#fff;
  font-size:20px;
  font-weight:900;
}
html[data-theme="dark"] .pp-workflow-steps>div{
  background:#101a2a;
  border-color:#2b3d56;
}
html[data-theme="dark"] .pp-workflow-steps .is-current{
  color:#e0e7ff;
  background:#17203a;
  border-color:#6366f1;
}
html[data-theme="dark"] .pp-workflow-steps .is-done,
html[data-theme="dark"] .pp-workflow-steps[data-current-status="Accepted"] .is-current{
  color:#d1fae5;
  background:#0d2f25;
  border-color:#15803d;
}
@media(max-width:760px){
  .pp-workflow-steps{grid-template-columns:1fr;gap:8px}
  .pp-workflow-steps>div{min-height:58px}
}

/* v2.4 — practical moodboard editing and clear task cancellation */
.pp-btn-cancel-task{
  background:#fff5f5;
  border-color:#fecaca;
  color:#b42318;
}
.pp-btn-cancel-task:hover{
  background:#fee2e2;
  border-color:#fca5a5;
}
.pp-btn-cancel-task span{font-size:16px;line-height:1}

.pp-board-object[data-object-id]{outline:none}
.pp-board-object.is-selected{filter:none}
.pp-board-connector{cursor:pointer}
.pp-board-connector.is-selected{filter:drop-shadow(0 0 4px rgba(79,70,229,.35))}
.pp-board-resize-handle{
  fill:#fff;
  stroke:#4f46e5;
  stroke-width:2.4;
  cursor:nwse-resize;
  vector-effect:non-scaling-stroke;
}
.pp-board-resize-handle[data-resize-handle="n"],
.pp-board-resize-handle[data-resize-handle="s"]{cursor:ns-resize}
.pp-board-resize-handle[data-resize-handle="e"],
.pp-board-resize-handle[data-resize-handle="w"]{cursor:ew-resize}
.pp-board-resize-handle[data-resize-handle="ne"],
.pp-board-resize-handle[data-resize-handle="sw"]{cursor:nesw-resize}
.pp-board-connect-stem{
  stroke:#4f46e5;
  stroke-width:2;
  stroke-dasharray:4 3;
  vector-effect:non-scaling-stroke;
}
.pp-board-connect-handle{
  fill:#4f46e5;
  stroke:#fff;
  stroke-width:3;
  cursor:crosshair;
  vector-effect:non-scaling-stroke;
  filter:drop-shadow(0 3px 5px rgba(79,70,229,.3));
}
.pp-board-connect-handle:hover{fill:#3730a3;r:10}
.pp-board-connect-preview{
  stroke:#4f46e5;
  stroke-width:2.4;
  stroke-dasharray:8 6;
  fill:none;
  vector-effect:non-scaling-stroke;
}
.pp-board-inline-editor{overflow:visible}
.pp-board-editor-wrap{width:100%;height:100%;padding:0;margin:0}
.pp-board-editor-input{
  width:100%;
  height:100%;
  display:block;
  resize:none;
  box-sizing:border-box;
  border:2px solid #4f46e5;
  border-radius:13px;
  padding:10px 12px;
  outline:none;
  font-family:Tajawal,Inter,sans-serif;
  font-weight:650;
  line-height:1.45;
  white-space:pre-wrap;
  overflow-wrap:anywhere;
  box-shadow:0 0 0 5px rgba(79,70,229,.13),0 12px 30px rgba(15,23,42,.16);
}
.pp-board-editor-input:focus{border-color:#4338ca}
.pp-moodboard-toolbar .pp-tool-ic{font-variant-numeric:tabular-nums}
.pp-moodboard-toolbar button[data-action="font-smaller"],
.pp-moodboard-toolbar button[data-action="font-bigger"],
.pp-moodboard-toolbar button[data-action="bullets"]{background:var(--surface-2)}
.pp-moodboard-toolbar button[data-action="delete"]{color:#b42318}
.pp-moodboard-stage svg{user-select:none;-webkit-user-select:none}

html[data-theme="dark"] .pp-btn-cancel-task{
  background:#31151d;
  border-color:#6b2634;
  color:#fecdd3;
}
html[data-theme="dark"] .pp-btn-cancel-task:hover{
  background:#451b25;
  border-color:#9f3547;
}
html[data-theme="dark"] .pp-board-resize-handle{
  fill:#111b2f;
  stroke:#a5b4fc;
}
html[data-theme="dark"] .pp-board-connect-handle{
  fill:#818cf8;
  stroke:#0b1220;
}
html[data-theme="dark"] .pp-board-connect-stem,
html[data-theme="dark"] .pp-board-connect-preview{stroke:#a5b4fc}

@media(max-width:720px){
  .pp-btn-cancel-task{width:100%}
  .pp-moodboard-toolbar button[data-action="font-smaller"],
  .pp-moodboard-toolbar button[data-action="font-bigger"],
  .pp-moodboard-toolbar button[data-action="bullets"]{min-width:64px}
}

/* v2.5 — shared client brand library */
.pp-client-library-heading{align-items:center}.pp-client-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:14px}.pp-client-card{display:grid;grid-template-columns:84px minmax(0,1fr) 30px;align-items:center;gap:14px;background:var(--surface);border:1px solid var(--border);border-radius:17px;padding:14px;box-shadow:var(--shadow);transition:.18s ease}.pp-client-card:hover{transform:translateY(-2px);border-color:#818cf8;box-shadow:0 18px 38px rgba(15,23,42,.11)}.pp-client-card-cover{width:84px;height:84px;border-radius:15px;background:linear-gradient(145deg,#eef2ff,#e0e7ff);display:grid;place-items:center;overflow:hidden}.pp-client-card-cover img{width:100%;height:100%;object-fit:cover}.pp-client-card-cover span{font-size:25px;font-weight:900;color:#4338ca}.pp-client-card-body{min-width:0}.pp-client-card-title{display:flex;align-items:center;gap:8px}.pp-client-card-title h2{font-size:18px;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pp-client-card-title>span{font-size:10px;padding:3px 7px;border-radius:999px;background:var(--warning-bg);color:var(--warning)}.pp-client-card-body p{color:var(--muted);margin:5px 0 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pp-client-card-stats{display:flex;gap:12px;flex-wrap:wrap;color:var(--muted);font-size:12px}.pp-client-card-arrow{font-size:20px;color:#6366f1}.pp-client-form{max-width:1040px}
.pp-client-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:15px}.pp-client-identity{display:flex;align-items:center;gap:14px}.pp-client-logo-placeholder{width:62px;height:62px;border-radius:18px;background:linear-gradient(135deg,#6366f1,#4338ca);color:#fff;display:grid;place-items:center;font-size:20px;font-weight:900;box-shadow:0 12px 30px rgba(79,70,229,.22)}.pp-client-identity h1{margin:0 0 3px}.pp-client-identity p{margin:0;color:var(--muted)}.pp-client-overview-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin-bottom:13px}.pp-client-info-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:14px 16px;min-height:90px}.pp-client-info-card span,.pp-client-info-card small{display:block;color:var(--muted);font-size:11px}.pp-client-info-card strong{display:block;font-size:16px;margin:7px 0 2px;white-space:pre-wrap}.pp-client-notes{margin-bottom:13px}.pp-client-notes p{margin:5px 0 0;color:var(--muted)}
.pp-client-manager-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:14px;align-items:start}.pp-client-folders{position:sticky;top:94px;padding:13px}.pp-client-folder-head h2{margin-bottom:1px}.pp-client-folder-head p{margin:0 0 12px;color:var(--muted);font-size:12px}.pp-folder-list{display:grid;gap:5px}.pp-folder-list a{display:grid;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:8px;padding:10px 9px;border:1px solid transparent;border-radius:11px;color:var(--muted)}.pp-folder-list a strong{font-size:13px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pp-folder-list a b{font-size:10px;background:var(--surface-2);border:1px solid var(--border);border-radius:999px;padding:1px 7px}.pp-folder-list a:hover,.pp-folder-list a.is-active{background:#eef2ff;border-color:#c7d2fe;color:#4338ca}.pp-folder-list a.is-active strong{color:#4338ca}.pp-new-folder-form{display:grid;grid-template-columns:1fr 42px;gap:6px;margin-top:13px;padding-top:13px;border-top:1px solid var(--border)}.pp-new-folder-form .pp-btn{padding:0}.pp-folder-delete-form button{width:100%;border:0;background:none;color:var(--danger);font-size:11px;font-weight:700;margin-top:9px}.pp-client-files-area{display:grid;gap:14px;min-width:0}
.pp-client-upload-card{background:linear-gradient(145deg,var(--surface),var(--surface-2));border:1px solid var(--border);border-radius:17px;padding:16px;box-shadow:var(--shadow)}.pp-client-upload-head{display:flex;justify-content:space-between;gap:12px;margin-bottom:12px}.pp-client-upload-head h2{margin-bottom:2px}.pp-client-upload-head p{margin:0;color:var(--muted)}.pp-client-upload-head>span{font-size:11px;color:var(--muted);border:1px solid var(--border);border-radius:999px;padding:5px 9px;height:max-content}.pp-client-upload-form{display:grid;gap:10px}.pp-client-folder-picker{max-width:360px}.pp-client-dropzone{width:100%;min-height:136px;border:1.5px dashed #9aa6b7;border-radius:15px;background:rgba(99,102,241,.035);color:var(--text);display:grid;place-items:center;align-content:center;gap:4px;padding:20px;transition:.18s ease}.pp-client-dropzone:hover,.pp-client-dropzone.is-over{border-color:#6366f1;background:rgba(99,102,241,.09);transform:translateY(-1px)}.pp-client-dropzone.is-pasted{border-color:#16a34a;background:#f0fdf4}.pp-client-drop-icon{width:42px;height:42px;border-radius:14px;background:#eef2ff;color:#4338ca;display:grid;place-items:center;font-size:23px;font-weight:900}.pp-client-dropzone small{color:var(--muted)}.pp-client-selected{border-top:1px solid var(--border);padding-top:12px}.pp-client-selected-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.pp-client-selected-head b{min-width:24px;height:24px;border-radius:999px;background:#eef2ff;color:#4338ca;display:grid;place-items:center}.pp-client-selected-list{display:grid;gap:9px}.pp-client-selected-item{display:grid;grid-template-columns:72px minmax(0,1fr) 34px;gap:10px;align-items:start;border:1px solid var(--border);border-radius:13px;padding:9px;background:var(--surface)}.pp-client-selected-thumb{width:72px;height:72px;border-radius:11px;overflow:hidden;background:var(--surface-2);display:grid;place-items:center;color:var(--muted);font-size:11px;font-weight:900}.pp-client-selected-thumb img{width:100%;height:100%;object-fit:cover}.pp-client-selected-fields{display:grid;grid-template-columns:1fr 1.5fr;gap:7px}.pp-client-selected-name{grid-column:1/-1;display:flex;justify-content:space-between;gap:8px}.pp-client-selected-name strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pp-client-selected-name small{color:var(--muted)}.pp-client-selected-fields textarea{resize:vertical;min-height:42px}.pp-client-selected-remove{width:30px;height:30px;border:0;border-radius:9px;background:var(--danger-bg);color:var(--danger);font-size:20px}.pp-client-upload-progress{height:7px;background:var(--border);border-radius:999px;overflow:hidden;margin-top:9px}.pp-client-upload-progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,#6366f1,#8b5cf6);transition:.15s}.pp-client-upload-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px}.pp-client-upload-footer>span{color:var(--muted);font-size:12px}
.pp-file-manager-heading{display:flex;justify-content:space-between;align-items:end}.pp-file-manager-heading h2{margin-bottom:1px}.pp-file-manager-heading p{margin:0;color:var(--muted)}.pp-client-file-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(255px,1fr));gap:12px}.pp-client-file-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;overflow:hidden;box-shadow:var(--shadow);min-width:0}.pp-client-file-preview{height:170px;background:var(--surface-2);display:grid;place-items:center;overflow:hidden}.pp-client-file-preview a,.pp-client-file-preview img{width:100%;height:100%}.pp-client-file-preview img{object-fit:cover}.pp-client-file-preview>span{font-size:26px;font-weight:900;color:#64748b}.pp-client-file-body{padding:13px;display:grid;gap:8px}.pp-client-file-title{display:flex;justify-content:space-between;gap:8px}.pp-client-file-title strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pp-client-file-title small{color:var(--muted);font-size:10px;white-space:nowrap}.pp-client-file-body>p{margin:0;color:var(--muted);font-size:12px;line-height:1.7;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.pp-client-file-meta{display:flex;justify-content:space-between;color:var(--muted);font-size:10px}.pp-client-file-actions{border-top:1px solid var(--border);padding-top:8px}.pp-client-file-edit{display:grid;gap:8px;border-top:1px solid var(--border);padding-top:10px}.pp-client-file-edit form:first-child{display:grid;gap:8px}.pp-client-file-edit form:last-child{margin:0}.pp-client-empty{grid-column:1/-1;min-height:220px;display:grid;place-items:center;align-content:center}.pp-client-empty>span{font-size:36px;color:#818cf8}.pp-client-empty strong{margin-top:8px}.pp-client-empty p{color:var(--muted)}.pp-client-recent-tasks{margin-top:2px}.pp-client-task-list{display:grid;gap:7px}.pp-client-task-list>a{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--border)}.pp-client-task-list>a:last-child{border-bottom:0}.pp-client-task-list strong,.pp-client-task-list small{display:block}.pp-client-task-list small{color:var(--muted)}
html[data-theme="dark"] .pp-client-card-cover,html[data-theme="dark"] .pp-client-drop-icon,html[data-theme="dark"] .pp-client-selected-head b{background:#1c2542;color:#c7d2fe}html[data-theme="dark"] .pp-folder-list a:hover,html[data-theme="dark"] .pp-folder-list a.is-active{background:#18233c;border-color:#394a6a;color:#c7d2fe}html[data-theme="dark"] .pp-folder-list a.is-active strong{color:#e0e7ff}html[data-theme="dark"] .pp-client-dropzone{background:#0c1727;border-color:#3a4b65}html[data-theme="dark"] .pp-client-dropzone:hover,html[data-theme="dark"] .pp-client-dropzone.is-over{background:#17213a;border-color:#818cf8}html[data-theme="dark"] .pp-client-dropzone.is-pasted{background:#0d2f25;border-color:#16a34a}
@media(max-width:1100px){.pp-client-overview-grid{grid-template-columns:repeat(2,1fr)}.pp-client-manager-layout{grid-template-columns:1fr}.pp-client-folders{position:static}.pp-folder-list{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.pp-new-folder-form{max-width:420px}.pp-client-selected-fields{grid-template-columns:1fr}}
@media(max-width:700px){.pp-client-hero{display:block}.pp-client-hero .pp-actions{margin-top:12px}.pp-client-overview-grid{grid-template-columns:1fr 1fr}.pp-client-grid{grid-template-columns:1fr}.pp-client-card{grid-template-columns:70px minmax(0,1fr) 24px}.pp-client-card-cover{width:70px;height:70px}.pp-client-file-grid{grid-template-columns:1fr}.pp-client-selected-item{grid-template-columns:58px minmax(0,1fr) 32px}.pp-client-selected-thumb{width:58px;height:58px}.pp-client-upload-footer{align-items:stretch;flex-direction:column}.pp-client-upload-footer .pp-btn{width:100%}}
@media(max-width:480px){.pp-client-overview-grid{grid-template-columns:1fr}.pp-client-identity{align-items:flex-start}.pp-client-logo-placeholder{width:52px;height:52px}.pp-folder-list{grid-template-columns:1fr}}