.shared-drawer-backdrop{display:none;position:fixed;inset:0;background:rgba(0,0,0,.35);z-index:10000;opacity:0;transition:opacity .2s ease}.shared-drawer-backdrop.show{display:block;opacity:1}.shared-drawer{position:fixed;left:0;right:0;bottom:0;top:auto;width:auto;background:#fff;border-radius:18px 18px 0 0;box-shadow:0 -8px 40px rgba(0,0,0,.15);z-index:10001;transform:translateY(100%);transition:transform .25s cubic-bezier(.4,0,.2,1);max-height:70vh;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:0}.shared-drawer.show{transform:translateY(0)}@media(min-width:769px){.shared-drawer{left:auto;right:0;top:0;bottom:0;width:340px;max-height:none;border-radius:18px 0 0 18px;box-shadow:-8px 0 40px rgba(0,0,0,.15);transform:translateX(100%)}.shared-drawer.show{transform:translateX(0)}.shared-drawer-handle{display:none}}.shared-drawer-handle{width:36px;height:4px;background:#d1d5db;border-radius:4px;margin:.5rem auto 0}.shared-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1.25rem;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);border-radius:18px 18px 0 0}@media(min-width:769px){.shared-drawer-header{border-radius:18px 0 0 0}}.shared-drawer-title{font-size:.95rem;font-weight:700;color:#fff}.shared-drawer-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;border:0;background:rgba(255,255,255,.2);color:#fff;cursor:pointer;font-size:.9rem;transition:all .15s}.shared-drawer-close:hover{background:rgba(255,255,255,.35);color:#fff}.shared-drawer-body{padding:.5rem .75rem 1rem;list-style:none}.shared-drawer-body li{list-style:none}.shared-drawer-body .dropdown-item{display:flex;align-items:center;gap:.75rem;padding:.85rem 1rem;color:#1f2937;font-size:.9rem;font-weight:500;border-radius:12px;text-decoration:none;transition:background .12s;border:0;background:none;width:100%;text-align:left;cursor:pointer}.shared-drawer-body .dropdown-item:hover,.shared-drawer-body .dropdown-item:active{background:#f3f4f6;color:#111827}.shared-drawer-body .dropdown-item i{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;font-size:1rem}.shared-drawer-body .dropdown-item i.text-primary{background:rgba(99,102,241,.1)!important;color:#6366f1!important}.shared-drawer-body .dropdown-item i.text-success{background:rgba(16,185,129,.1)!important;color:#10b981!important}.shared-drawer-body .dropdown-item i.text-warning{background:rgba(245,158,11,.1)!important;color:#f59e0b!important}.shared-drawer-body .dropdown-item i.text-danger{background:rgba(239,68,68,.1)!important;color:#ef4444!important}.shared-drawer-body .dropdown-item i.text-info{background:rgba(6,182,212,.1)!important;color:#06b6d4!important}.shared-drawer-body .dropdown-item i.text-secondary,.shared-drawer-body .dropdown-item i.text-muted{background:rgba(107,114,128,.1)!important;color:#6b7280!important}.shared-drawer-body .dropdown-divider{height:1px;background:#e5e7eb;margin:.25rem .5rem;border:0}.shared-drawer-body .dropdown-item.text-danger{color:#ef4444!important}.shared-drawer-body .dropdown-item.text-danger:hover{background:rgba(239,68,68,.06)}.action-dots-btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:8px;border:0;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;cursor:pointer;font-size:1rem;transition:all .15s;padding:0;box-shadow:0 2px 6px rgba(99,102,241,.3)}.action-dots-btn:hover{transform:scale(1.1);box-shadow:0 4px 12px rgba(99,102,241,.4);color:#fff}.action-dots-btn~.dropdown-menu{display:none!important}.drop-zone-active{border-color:#6366f1!important;background:rgba(99,102,241,.08)!important;box-shadow:0 0 0 3px rgba(99,102,241,.15) inset;transition:all .15s ease}.drop-zone-active *{pointer-events:none}.drop-zone-error{position:absolute;bottom:.5rem;left:50%;transform:translateX(-50%);background:#ef4444;color:#fff;padding:.35rem 1rem;border-radius:8px;font-size:.8rem;font-weight:600;animation:dropErrorFade 2.5s ease forwards;z-index:10}@keyframes dropErrorFade{0%,70%{opacity:1}100%{opacity:0}}.wf-check{width:16px;height:16px;accent-color:#6366f1;cursor:pointer;margin:0;vertical-align:middle}.wf-view-toggle{display:flex;gap:2px;background:#f3f4f6;border-radius:8px;padding:2px;margin-left:12px}.wf-view-toggle-btn{background:transparent;border:0;padding:6px 10px;border-radius:6px;color:#6b7280;cursor:pointer;transition:all .15s;font-size:.9rem;line-height:1}.wf-view-toggle-btn:hover{color:#374151}.wf-view-toggle-btn.active{background:#fff;color:#6366f1;box-shadow:0 1px 3px rgba(0,0,0,.1)}.wf-view-toggle.wf-view-toggle-dark{background:rgba(255,255,255,.2)}.wf-view-toggle-dark .wf-view-toggle-btn{color:rgba(255,255,255,.7)}.wf-view-toggle-dark .wf-view-toggle-btn:hover{color:#fff}.wf-view-toggle-dark .wf-view-toggle-btn.active{background:rgba(255,255,255,.25);color:#fff;box-shadow:none}.wf-section{background:#fff;border-radius:16px;box-shadow:0 4px 24px rgba(0,0,0,.06);overflow:hidden;border:1px solid rgba(99,102,241,.1)}.wf-section-header{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);padding:.85rem 1.5rem;display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:all .2s ease;user-select:none}.wf-section-header:hover{filter:brightness(1.05)}.wf-section-title-group{display:flex;align-items:center;gap:.75rem;color:#fff}.wf-section-title-group>i{font-size:1.15rem;opacity:.9}.wf-section-title{font-weight:700;font-size:1rem;color:#fff;margin:0}.wf-section-count{background:rgba(255,255,255,.2);padding:.15rem .6rem;border-radius:20px;font-size:.78rem;font-weight:600;color:#fff}.wf-section-right{display:flex;align-items:center;gap:.75rem}.wf-section-toggle{width:34px;height:34px;border-radius:10px;border:0;background:rgba(255,255,255,.2);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.wf-section-toggle:hover{background:rgba(255,255,255,.3);transform:scale(1.05)}.wf-section-toggle i{transition:transform .3s ease}.wf-section-toggle.collapsed i{transform:rotate(180deg)}.wf-section-header .wf-view-toggle{background:rgba(255,255,255,.15);margin-left:0}.wf-section-header .wf-view-toggle-btn{color:rgba(255,255,255,.7)}.wf-section-header .wf-view-toggle-btn:hover{color:#fff}.wf-section-header .wf-view-toggle-btn.active{background:rgba(255,255,255,.25);color:#fff;box-shadow:none}.wf-section-body{padding:1.25rem;background:#f8fafc;overflow:hidden;display:grid;grid-template-rows:1fr;opacity:1;transition:grid-template-rows .35s ease,padding .35s ease,opacity .25s ease}.wf-section-body>*{overflow:hidden;min-height:0}.wf-section-body.collapsed{grid-template-rows:0fr;padding:0 1.25rem;opacity:0}@media(max-width:768px){.wf-section-header{padding:.75rem 1rem}.wf-section-body{padding:1rem}.wf-section-body.collapsed{padding:0 1rem}}