/* ═══════════════════════════════════════════════════════════
   LME TASKS — Premium Productivity Platform
   Design System v1.0 | Author: Oussama Guedouar
═══════════════════════════════════════════════════════════ */
:root{
  --lme-navy:#0f172a;--lme-navy2:#1e293b;--lme-navy3:#334155;
  --lme-indigo:#6366f1;--lme-indigo2:#4f46e5;--lme-indigo3:#818cf8;
  --lme-purple:#8b5cf6;--lme-green:#22c55e;--lme-red:#ef4444;
  --lme-amber:#f59e0b;--lme-orange:#f97316;--lme-blue:#3b82f6;
  --lme-teal:#14b8a6;--lme-pink:#ec4899;
  --lme-g50:#f8fafc;--lme-g100:#f1f5f9;--lme-g200:#e2e8f0;
  --lme-g300:#cbd5e1;--lme-g400:#94a3b8;--lme-g500:#64748b;
  --lme-g700:#334155;--lme-g900:#0f172a;
  --lme-card-bg:#ffffff;--lme-body-bg:#f8fafc;
  --lme-border:rgba(0,0,0,.07);
  --lme-r:14px;--lme-r-sm:10px;--lme-r-xs:7px;
  --lme-sh1:0 1px 6px rgba(0,0,0,.06);
  --lme-sh2:0 4px 20px rgba(0,0,0,.1);
  --lme-sh3:0 12px 40px rgba(0,0,0,.14);
  --lme-t:.18s cubic-bezier(.4,0,.2,1);
  --lme-indigo-glow:0 4px 16px rgba(99,102,241,.25);
}

/* ── WRAP ───────────────────────────────── */
#lme-tasks-app{font-family:inherit;max-width:920px;margin:0 auto;padding-bottom:60px;color:var(--lme-g900)}

/* ── TOP BAR ────────────────────────────── */
.lme-topbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:28px;flex-wrap:wrap}
.lme-topbar__left{display:flex;align-items:center;gap:12px}
.lme-topbar__icon{width:44px;height:44px;background:linear-gradient(135deg,var(--lme-indigo),var(--lme-purple));border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;box-shadow:var(--lme-indigo-glow)}
.lme-topbar__title{font-size:22px;font-weight:800;margin:0;letter-spacing:-.4px}
.lme-topbar__sub{font-size:12px;color:var(--lme-g400);margin:2px 0 0}
.lme-topbar__right{display:flex;align-items:center;gap:10px;flex-wrap:wrap}

/* ── BUTTONS ────────────────────────────── */
.lme-btn{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:600;padding:10px 18px;border-radius:12px;border:none;cursor:pointer;transition:var(--lme-t);letter-spacing:.1px;text-decoration:none;white-space:nowrap}
.lme-btn:hover{text-decoration:none}
.lme-btn:active{transform:scale(.97)}
.lme-btn--primary{background:linear-gradient(135deg,var(--lme-indigo),var(--lme-purple));color:#fff;box-shadow:var(--lme-indigo-glow)}
.lme-btn--primary:hover{transform:translateY(-1px);box-shadow:0 6px 22px rgba(99,102,241,.38);color:#fff}
.lme-btn--ghost{background:var(--lme-card-bg);color:var(--lme-g700);border:1px solid var(--lme-g200)}
.lme-btn--ghost:hover{background:var(--lme-g100);color:var(--lme-indigo);border-color:var(--lme-indigo)}
.lme-btn--danger{background:var(--lme-red);color:#fff}
.lme-btn--danger:hover{background:#dc2626;color:#fff}
.lme-btn--sm{font-size:12px;padding:7px 13px;border-radius:9px}
.lme-btn--icon{width:34px;height:34px;padding:0;border-radius:9px;display:inline-flex;align-items:center;justify-content:center}

/* ── VIEW SWITCHER ──────────────────────── */
.lme-view-switcher{display:flex;gap:4px;background:var(--lme-g100);border-radius:12px;padding:4px}
.lme-view-btn{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;padding:7px 14px;border-radius:9px;border:none;background:none;cursor:pointer;color:var(--lme-g500);transition:var(--lme-t);white-space:nowrap}
.lme-view-btn:hover{color:var(--lme-indigo)}
.lme-view-btn.active{background:var(--lme-card-bg);color:var(--lme-indigo);box-shadow:var(--lme-sh1)}

/* ── STATS ROW ──────────────────────────── */
.lme-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:24px}
@media(max-width:680px){.lme-stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:360px){.lme-stats{grid-template-columns:1fr}}
.lme-stat{background:var(--lme-card-bg);border:1px solid var(--lme-border);border-radius:var(--lme-r);padding:18px;display:flex;align-items:center;gap:13px;box-shadow:var(--lme-sh1);transition:var(--lme-t)}
.lme-stat:hover{transform:translateY(-2px);box-shadow:var(--lme-sh2)}
.lme-stat__icon{width:44px;height:44px;border-radius:11px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:20px}
.lme-stat__icon--all    {background:rgba(99,102,241,.1);color:var(--lme-indigo)}
.lme-stat__icon--done   {background:rgba(34,197,94,.1); color:var(--lme-green)}
.lme-stat__icon--pend   {background:rgba(245,158,11,.1);color:var(--lme-amber)}
.lme-stat__icon--over   {background:rgba(239,68,68,.1); color:var(--lme-red)}
.lme-stat__num{font-size:26px;font-weight:800;line-height:1;letter-spacing:-.6px}
.lme-stat__lbl{font-size:10px;text-transform:uppercase;letter-spacing:.7px;color:var(--lme-g400);margin-top:3px;font-weight:600}

/* ── PROGRESS ───────────────────────────── */
.lme-progress-wrap{background:var(--lme-card-bg);border:1px solid var(--lme-border);border-radius:var(--lme-r);padding:20px 22px;margin-bottom:22px;box-shadow:var(--lme-sh1)}
.lme-progress-wrap__top{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;gap:10px;flex-wrap:wrap}
.lme-progress-wrap__left{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--lme-g700)}
.lme-progress-wrap__pct{font-size:22px;font-weight:800;color:var(--lme-indigo);letter-spacing:-.4px}
.lme-progress-track{height:10px;background:var(--lme-g100);border-radius:99px;overflow:hidden}
.lme-progress-fill{height:100%;background:linear-gradient(90deg,var(--lme-indigo),var(--lme-purple));border-radius:99px;transition:width .6s cubic-bezier(.4,0,.2,1)}
.lme-progress-labels{display:flex;gap:18px;margin-top:10px;flex-wrap:wrap}
.lme-progress-lbl{font-size:11px;color:var(--lme-g400);display:flex;align-items:center;gap:5px}
.lme-progress-lbl::before{content:'';width:8px;height:8px;border-radius:50%;flex-shrink:0}
.lme-progress-lbl--done::before{background:var(--lme-green)}
.lme-progress-lbl--pend::before{background:var(--lme-amber)}
.lme-progress-lbl--over::before{background:var(--lme-red)}

/* ── TOOLBAR ────────────────────────────── */
.lme-toolbar{display:flex;gap:10px;margin-bottom:20px;flex-wrap:wrap;align-items:center}
.lme-search{position:relative;flex:1;min-width:200px}
.lme-search input{width:100%;padding:9px 14px 9px 38px;border-radius:12px;border:1px solid var(--lme-g200);background:var(--lme-card-bg);font-size:13px;color:inherit;outline:none;transition:var(--lme-t);font-family:inherit}
.lme-search input:focus{border-color:var(--lme-indigo);box-shadow:0 0 0 3px rgba(99,102,241,.12)}
.lme-search__ico{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--lme-g400);pointer-events:none}
.lme-filter-row{display:flex;gap:8px;flex-wrap:wrap}
.lme-filter-select{padding:9px 32px 9px 12px;border-radius:12px;border:1px solid var(--lme-g200);background:var(--lme-card-bg);font-size:12.5px;font-weight:600;color:var(--lme-g700);outline:none;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2.5'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;transition:var(--lme-t)}
.lme-filter-select:focus{border-color:var(--lme-indigo);box-shadow:0 0 0 3px rgba(99,102,241,.1)}

/* ── STATUS TABS ────────────────────────── */
.lme-status-tabs{display:flex;gap:6px;background:var(--lme-g100);border-radius:12px;padding:4px;margin-bottom:20px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.lme-status-tabs::-webkit-scrollbar{display:none}
.lme-stab{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;padding:7px 14px;border-radius:9px;border:none;background:none;cursor:pointer;color:var(--lme-g500);transition:var(--lme-t);white-space:nowrap}
.lme-stab .cnt{min-width:18px;height:18px;padding:0 5px;background:var(--lme-g200);color:var(--lme-g500);border-radius:99px;font-size:10px;display:inline-flex;align-items:center;justify-content:center}
.lme-stab.active{background:var(--lme-card-bg);color:var(--lme-indigo);box-shadow:var(--lme-sh1)}
.lme-stab.active .cnt{background:var(--lme-indigo);color:#fff}

/* ══════════════════════════════════════════
   LIST VIEW
══════════════════════════════════════════ */
.lme-section-header{display:flex;align-items:center;gap:8px;margin-bottom:10px}
.lme-section-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}
.lme-section-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--lme-g500)}
.lme-section-count{font-size:10px;color:var(--lme-g400);background:var(--lme-g100);padding:2px 8px;border-radius:99px}
.lme-section-line{flex:1;height:1px;background:var(--lme-g200)}

.lme-task-group{margin-bottom:28px}
.lme-task-list{display:flex;flex-direction:column;gap:8px}

/* Task Card */
.lme-task-card{background:var(--lme-card-bg);border:1px solid var(--lme-border);border-radius:var(--lme-r);padding:16px 18px;display:flex;align-items:flex-start;gap:14px;box-shadow:var(--lme-sh1);transition:var(--lme-t);position:relative;overflow:hidden;cursor:default}
.lme-task-card::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--lme-indigo);opacity:0;transition:opacity .2s}
.lme-task-card:hover{transform:translateY(-1px);box-shadow:var(--lme-sh2);border-color:rgba(99,102,241,.18)}
.lme-task-card:hover::before{opacity:1}
.lme-task-card.lme-done{opacity:.6}
.lme-task-card.lme-done .lme-task-title{text-decoration:line-through;color:var(--lme-g400)}
.lme-task-card.lme-done::before{background:var(--lme-green);opacity:1}
.lme-task-card[data-priority="critical"]::before{background:var(--lme-red);opacity:1}
.lme-task-card[data-priority="high"]::before{background:var(--lme-orange);opacity:1}
.lme-task-card[data-priority="normal"]::before{background:var(--lme-indigo);opacity:1}

/* Check button */
.lme-check{width:22px;height:22px;border-radius:7px;border:2px solid var(--lme-g200);background:none;cursor:pointer;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:var(--lme-t);margin-top:1px}
.lme-check:hover{border-color:var(--lme-green);background:rgba(34,197,94,.08)}
.lme-check.done{background:var(--lme-green);border-color:var(--lme-green);color:#fff}
.lme-check svg{opacity:0;transition:opacity .15s}
.lme-check.done svg{opacity:1}

/* Task body */
.lme-task-body{flex:1;min-width:0}
.lme-task-title{font-size:14px;font-weight:600;margin:0 0 7px;line-height:1.4;color:var(--lme-g900);word-break:break-word}
.lme-task-meta{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.lme-badge{display:inline-flex;align-items:center;gap:3px;font-size:10.5px;font-weight:700;padding:2px 9px;border-radius:99px;letter-spacing:.2px}
.lme-badge--critical{background:rgba(239,68,68,.1);color:var(--lme-red)}
.lme-badge--high{background:rgba(249,115,22,.1);color:var(--lme-orange)}
.lme-badge--normal{background:rgba(99,102,241,.1);color:var(--lme-indigo)}
.lme-badge--cat{background:rgba(139,92,246,.1);color:var(--lme-purple)}
.lme-badge--tag{background:rgba(20,184,166,.1);color:var(--lme-teal)}
.lme-task-date{display:inline-flex;align-items:center;gap:4px;font-size:11px;color:var(--lme-g400)}
.lme-task-date--over{color:var(--lme-red);font-weight:600}
.lme-task-date--today{color:var(--lme-amber);font-weight:600}
.lme-task-date--soon{color:var(--lme-blue);font-weight:600}

/* Task actions */
.lme-task-actions{display:flex;align-items:center;gap:4px;flex-shrink:0;opacity:0;transition:opacity .18s}
.lme-task-card:hover .lme-task-actions{opacity:1}
@media(max-width:520px){.lme-task-actions{opacity:1}}
.lme-act-btn{width:30px;height:30px;border-radius:8px;border:1px solid var(--lme-g200);background:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--lme-g400);transition:var(--lme-t)}
.lme-act-btn:hover{background:rgba(99,102,241,.08);border-color:var(--lme-indigo);color:var(--lme-indigo)}
.lme-act-btn--del:hover{background:rgba(239,68,68,.08);border-color:var(--lme-red);color:var(--lme-red)}

/* ══════════════════════════════════════════
   BOARD (KANBAN) VIEW
══════════════════════════════════════════ */
.lme-board{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:start}
@media(max-width:720px){.lme-board{grid-template-columns:1fr}}
.lme-board-col{background:var(--lme-g100);border-radius:var(--lme-r);padding:14px;min-height:200px}
.lme-board-col-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;padding:0 4px}
.lme-board-col-title{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.7px;display:flex;align-items:center;gap:7px}
.lme-board-col-title .dot{width:8px;height:8px;border-radius:50%}
.lme-board-col-cnt{font-size:11px;color:var(--lme-g400);background:var(--lme-g200);padding:2px 8px;border-radius:99px}
.lme-board-cards{display:flex;flex-direction:column;gap:10px}
.lme-board-card{background:var(--lme-card-bg);border-radius:11px;padding:14px;box-shadow:var(--lme-sh1);border:1px solid var(--lme-border);transition:var(--lme-t);cursor:grab}
.lme-board-card:hover{transform:translateY(-2px);box-shadow:var(--lme-sh2)}
.lme-board-card:active{cursor:grabbing}
.lme-board-card__title{font-size:13px;font-weight:600;margin:0 0 8px;line-height:1.4}
.lme-board-card__meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.lme-board-card__footer{display:flex;align-items:center;justify-content:space-between;margin-top:10px;padding-top:10px;border-top:1px solid var(--lme-g100)}
.lme-board-card__actions{display:flex;gap:4px;opacity:0;transition:opacity .15s}
.lme-board-card:hover .lme-board-card__actions{opacity:1}

/* ══════════════════════════════════════════
   CALENDAR VIEW
══════════════════════════════════════════ */
.lme-calendar-wrap{background:var(--lme-card-bg);border:1px solid var(--lme-border);border-radius:var(--lme-r);overflow:hidden;box-shadow:var(--lme-sh1)}
.lme-cal-header{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid var(--lme-g100)}
.lme-cal-title{font-size:16px;font-weight:700}
.lme-cal-nav{display:flex;gap:6px}
.lme-cal-nav-btn{width:32px;height:32px;border-radius:8px;border:1px solid var(--lme-g200);background:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--lme-g500);transition:var(--lme-t)}
.lme-cal-nav-btn:hover{background:var(--lme-indigo);border-color:var(--lme-indigo);color:#fff}
.lme-cal-grid{display:grid;grid-template-columns:repeat(7,1fr)}
.lme-cal-day-header{padding:10px 8px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--lme-g400);text-align:center;border-bottom:1px solid var(--lme-g100)}
.lme-cal-cell{min-height:80px;padding:8px;border-bottom:1px solid var(--lme-g100);border-right:1px solid var(--lme-g100);transition:var(--lme-t);cursor:pointer}
.lme-cal-cell:hover{background:var(--lme-g50)}
.lme-cal-cell:nth-child(7n){border-right:none}
.lme-cal-cell--today{background:rgba(99,102,241,.05)}
.lme-cal-cell--today .lme-cal-day-num{background:var(--lme-indigo);color:#fff}
.lme-cal-cell--other-month{opacity:.4}
.lme-cal-day-num{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;margin-bottom:6px}
.lme-cal-task-dot{font-size:10px;padding:1px 6px;background:var(--lme-indigo);color:#fff;border-radius:4px;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}
.lme-cal-task-dot--critical{background:var(--lme-red)}
.lme-cal-task-dot--high{background:var(--lme-orange)}
.lme-cal-task-dot--done{background:var(--lme-green)}

/* ══════════════════════════════════════════
   DASHBOARD VIEW
══════════════════════════════════════════ */
.lme-dashboard-grid{display:grid;grid-template-columns:1fr 300px;gap:20px;align-items:start}
@media(max-width:720px){.lme-dashboard-grid{grid-template-columns:1fr}}
.lme-dash-card{background:var(--lme-card-bg);border:1px solid var(--lme-border);border-radius:var(--lme-r);box-shadow:var(--lme-sh1);overflow:hidden;margin-bottom:20px}
.lme-dash-card__head{padding:18px 20px;border-bottom:1px solid var(--lme-g100);display:flex;align-items:center;justify-content:space-between;gap:10px}
.lme-dash-card__title{font-size:14px;font-weight:700;margin:0;display:flex;align-items:center;gap:8px}
.lme-dash-card__body{padding:20px}

/* Chart bars */
.lme-chart-bars{display:flex;align-items:flex-end;gap:8px;height:100px}
.lme-chart-bar-wrap{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px}
.lme-chart-bar{width:100%;background:rgba(99,102,241,.15);border-radius:4px 4px 0 0;transition:height .5s cubic-bezier(.4,0,.2,1)}
.lme-chart-bar--fill{background:linear-gradient(180deg,var(--lme-indigo),var(--lme-purple))}
.lme-chart-bar-lbl{font-size:9px;color:var(--lme-g400);font-weight:600}

/* Activity */
.lme-activity{display:flex;flex-direction:column;gap:0}
.lme-activity-item{display:flex;align-items:flex-start;gap:12px;padding:12px 0;border-bottom:1px solid var(--lme-g100)}
.lme-activity-item:last-child{border-bottom:none}
.lme-activity-dot{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:13px;margin-top:1px}
.lme-activity-dot--done{background:rgba(34,197,94,.12);color:var(--lme-green)}
.lme-activity-dot--add{background:rgba(99,102,241,.12);color:var(--lme-indigo)}
.lme-activity-dot--edit{background:rgba(245,158,11,.12);color:var(--lme-amber)}
.lme-activity-text{font-size:12.5px;line-height:1.5;color:var(--lme-g700)}
.lme-activity-text strong{color:var(--lme-g900)}
.lme-activity-time{font-size:11px;color:var(--lme-g400);margin-top:2px}

/* Streak */
.lme-streak{display:flex;align-items:center;gap:14px;padding:16px 20px;background:linear-gradient(135deg,rgba(99,102,241,.08),rgba(139,92,246,.08));border-radius:var(--lme-r-sm)}
.lme-streak__num{font-size:36px;font-weight:900;color:var(--lme-indigo);letter-spacing:-1px;line-height:1}
.lme-streak__label{font-size:13px;font-weight:700;color:var(--lme-g700)}
.lme-streak__sub{font-size:11px;color:var(--lme-g400);margin-top:2px}

/* ══════════════════════════════════════════
   MODAL (Add / Edit Task)
══════════════════════════════════════════ */
.lme-overlay{position:fixed;inset:0;background:rgba(15,23,42,.55);backdrop-filter:blur(6px);z-index:9998;display:flex;align-items:center;justify-content:center;padding:16px;opacity:0;pointer-events:none;transition:opacity .25s}
.lme-overlay.open{opacity:1;pointer-events:all}
.lme-modal{background:var(--lme-card-bg);border-radius:20px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:var(--lme-sh3);transform:scale(.95) translateY(10px);transition:transform .28s cubic-bezier(.34,1.56,.64,1)}
.lme-overlay.open .lme-modal{transform:scale(1) translateY(0)}
.lme-modal-head{padding:22px 24px 18px;border-bottom:1px solid var(--lme-g100);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;background:var(--lme-card-bg);z-index:2;border-radius:20px 20px 0 0}
.lme-modal-head__left{display:flex;align-items:center;gap:11px}
.lme-modal-head__icon{width:38px;height:38px;border-radius:10px;background:linear-gradient(135deg,var(--lme-indigo),var(--lme-purple));display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}
.lme-modal-title{font-size:16px;font-weight:800;margin:0}
.lme-modal-sub{font-size:12px;color:var(--lme-g400);margin:2px 0 0}
.lme-modal-close{width:34px;height:34px;border-radius:9px;border:1px solid var(--lme-g200);background:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--lme-g400);transition:var(--lme-t);flex-shrink:0}
.lme-modal-close:hover{background:var(--lme-red);border-color:var(--lme-red);color:#fff}

/* Modal body */
.lme-modal-body{padding:22px 24px}
.lme-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
@media(max-width:520px){.lme-form-grid{grid-template-columns:1fr}}
.lme-form-grid .lme-field--full{grid-column:1/-1}
.lme-field{display:flex;flex-direction:column;gap:7px}
.lme-field label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.7px;color:var(--lme-g500)}
.lme-field input,.lme-field select,.lme-field textarea{padding:10px 14px;border:1.5px solid var(--lme-g200);border-radius:10px;font-size:13.5px;background:var(--lme-g50);color:inherit;outline:none;transition:var(--lme-t);width:100%;font-family:inherit;-webkit-appearance:none}
.lme-field input:focus,.lme-field select:focus,.lme-field textarea:focus{border-color:var(--lme-indigo);background:var(--lme-card-bg);box-shadow:0 0 0 3px rgba(99,102,241,.1)}
.lme-field textarea{min-height:90px;resize:vertical;line-height:1.5}
.lme-field select{cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2.5'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}

/* Priority pills */
.lme-priority-group{display:flex;gap:8px;flex-wrap:wrap}
.lme-pri-pill{flex:1;min-width:80px;display:flex;align-items:center;justify-content:center;gap:5px;font-size:12px;font-weight:700;padding:9px 12px;border-radius:10px;border:1.5px solid var(--lme-g200);background:none;cursor:pointer;transition:var(--lme-t);color:var(--lme-g500)}
.lme-pri-pill[data-v="normal"].active{background:rgba(99,102,241,.1);color:var(--lme-indigo);border-color:var(--lme-indigo)}
.lme-pri-pill[data-v="high"].active{background:rgba(249,115,22,.1);color:var(--lme-orange);border-color:var(--lme-orange)}
.lme-pri-pill[data-v="critical"].active{background:rgba(239,68,68,.1);color:var(--lme-red);border-color:var(--lme-red)}
.lme-pri-pill:hover{border-color:var(--lme-indigo)}

/* Tags input */
.lme-tags-row{display:flex;gap:6px;align-items:center;flex-wrap:wrap;padding:8px 12px;border:1.5px solid var(--lme-g200);border-radius:10px;background:var(--lme-g50);transition:var(--lme-t);min-height:42px;cursor:text}
.lme-tags-row:focus-within{border-color:var(--lme-indigo);background:var(--lme-card-bg);box-shadow:0 0 0 3px rgba(99,102,241,.1)}
.lme-tag-chip{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;background:rgba(20,184,166,.12);color:var(--lme-teal);padding:2px 8px;border-radius:99px}
.lme-tag-chip button{background:none;border:none;cursor:pointer;color:inherit;padding:0;line-height:1;font-size:13px}
.lme-tags-input{border:none;outline:none;background:none;font-size:13px;color:inherit;flex:1;min-width:80px;font-family:inherit}

/* Cat add inline */
.lme-cat-inline{display:flex;gap:7px;align-items:center}
.lme-cat-inline select{flex:1}
.lme-cat-add-wrap{display:flex;gap:7px;margin-top:8px;align-items:center}
.lme-cat-add-wrap input{flex:1;padding:8px 12px;border:1.5px solid var(--lme-indigo);border-radius:9px;font-size:13px;outline:none;background:var(--lme-g50);font-family:inherit}

/* Modal footer */
.lme-modal-foot{padding:16px 24px 22px;display:flex;gap:10px;border-top:1px solid var(--lme-g100);flex-wrap:wrap}

/* ══════════════════════════════════════════
   DELETE CONFIRM MODAL
══════════════════════════════════════════ */
#lme-confirm-overlay{position:fixed;inset:0;background:rgba(15,23,42,.6);backdrop-filter:blur(5px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:16px;opacity:0;pointer-events:none;transition:opacity .2s}
#lme-confirm-overlay.open{opacity:1;pointer-events:all}
.lme-confirm-modal{background:var(--lme-card-bg);border-radius:20px;padding:32px;max-width:360px;width:100%;text-align:center;box-shadow:var(--lme-sh3);transform:scale(.94);transition:transform .25s cubic-bezier(.34,1.56,.64,1)}
#lme-confirm-overlay.open .lme-confirm-modal{transform:scale(1)}
.lme-confirm-ico{width:64px;height:64px;background:rgba(239,68,68,.1);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--lme-red);margin:0 auto 16px;font-size:28px}
.lme-confirm-title{font-size:18px;font-weight:800;margin:0 0 8px}
.lme-confirm-desc{font-size:13px;color:var(--lme-g500);margin:0 0 22px;line-height:1.6}
.lme-confirm-btns{display:flex;gap:10px;justify-content:center}
.lme-confirm-btn{flex:1;padding:11px;border-radius:12px;font-size:13px;font-weight:700;cursor:pointer;border:none;transition:var(--lme-t)}
.lme-confirm-btn--cancel{background:var(--lme-g100);color:var(--lme-g700)}
.lme-confirm-btn--cancel:hover{background:var(--lme-g200)}
.lme-confirm-btn--del{background:var(--lme-red);color:#fff}
.lme-confirm-btn--del:hover{background:#dc2626}

/* ══════════════════════════════════════════
   TOAST
══════════════════════════════════════════ */
#lme-toast{position:fixed;bottom:24px;right:24px;z-index:10000;display:flex;align-items:center;gap:10px;padding:13px 18px;border-radius:14px;background:var(--lme-navy2);color:#fff;font-size:13.5px;font-weight:600;box-shadow:var(--lme-sh3);transform:translateY(80px);opacity:0;transition:all .3s cubic-bezier(.4,0,.2,1);pointer-events:none;max-width:320px}
#lme-toast.show{transform:translateY(0);opacity:1}
#lme-toast.success{background:#15803d}
#lme-toast.error{background:#991b1b}

/* ══════════════════════════════════════════
   EMPTY STATE
══════════════════════════════════════════ */
.lme-empty{text-align:center;padding:60px 20px}
.lme-empty__ico{width:72px;height:72px;background:rgba(99,102,241,.08);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--lme-indigo);margin:0 auto 18px;font-size:30px}
.lme-empty__title{font-size:17px;font-weight:700;margin:0 0 8px}
.lme-empty__desc{font-size:13px;color:var(--lme-g400);margin:0 0 22px}

/* ══════════════════════════════════════════
   FOCUS MODE
══════════════════════════════════════════ */
#lme-focus-overlay{position:fixed;inset:0;background:var(--lme-navy);z-index:9997;display:none;flex-direction:column;align-items:center;justify-content:center;gap:30px;color:#fff;text-align:center;padding:30px}
#lme-focus-overlay.open{display:flex}
.lme-focus-task{font-size:24px;font-weight:800;max-width:500px;opacity:.95;letter-spacing:-.3px}
.lme-focus-timer{font-size:72px;font-weight:900;font-variant-numeric:tabular-nums;letter-spacing:-3px;color:var(--lme-indigo3)}
.lme-focus-label{font-size:13px;color:rgba(255,255,255,.5);letter-spacing:.6px;text-transform:uppercase}
.lme-focus-btns{display:flex;gap:12px}
.lme-focus-btn{padding:12px 24px;border-radius:14px;font-size:14px;font-weight:700;border:none;cursor:pointer;transition:var(--lme-t)}
.lme-focus-btn--start{background:var(--lme-indigo);color:#fff;box-shadow:0 4px 16px rgba(99,102,241,.4)}
.lme-focus-btn--start:hover{background:var(--lme-indigo2)}
.lme-focus-btn--stop{background:rgba(255,255,255,.12);color:#fff}
.lme-focus-btn--stop:hover{background:rgba(255,255,255,.2)}
.lme-focus-close{position:absolute;top:20px;right:20px;width:38px;height:38px;border-radius:10px;background:rgba(255,255,255,.1);border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;transition:var(--lme-t)}
.lme-focus-close:hover{background:rgba(255,255,255,.2)}
.lme-pomodoro-rings{display:flex;gap:6px;justify-content:center}
.lme-pom-ring{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.2);transition:background .3s}
.lme-pom-ring.done{background:var(--lme-indigo)}

/* ══════════════════════════════════════════
   RESPONSIVE
══════════════════════════════════════════ */
@media(max-width:600px){
  .lme-topbar{gap:10px}
  .lme-topbar__title{font-size:18px}
  .lme-task-card{padding:13px 14px;gap:10px}
  .lme-modal{border-radius:16px 16px 0 0;max-height:92vh;position:fixed;bottom:0;left:0;right:0;top:auto;margin:0}
  .lme-overlay{align-items:flex-end;padding:0}
  .lme-modal-head{border-radius:16px 16px 0 0}
  #lme-toast{left:16px;right:16px;bottom:16px}
  .lme-board{grid-template-columns:1fr}
  .lme-filter-row{overflow-x:auto;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;padding-bottom:4px}
  .lme-view-switcher{overflow-x:auto;flex-wrap:nowrap}
}

/* ══════════════════════════════════════════
   SKELETON LOADER
══════════════════════════════════════════ */
.lme-skeleton{background:linear-gradient(90deg,var(--lme-g100) 25%,var(--lme-g200) 50%,var(--lme-g100) 75%);background-size:200%;animation:lme-shimmer 1.4s infinite;border-radius:8px}
@keyframes lme-shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}

/* ══════════════════════════════════════════
   DARK MODE
══════════════════════════════════════════ */
@media(prefers-color-scheme:dark){
  :root{
    --lme-card-bg:#1e293b;--lme-body-bg:#0f172a;
    --lme-g50:#0f172a;--lme-g100:#1e293b;--lme-g200:#334155;
    --lme-g900:#f1f5f9;--lme-g700:#cbd5e1;--lme-border:rgba(255,255,255,.06)
  }
  .lme-field input,.lme-field select,.lme-field textarea{background:#0f172a;color:#f1f5f9;border-color:#334155}
  .lme-tags-row{background:#0f172a;border-color:#334155}
  .lme-filter-select{background-color:#1e293b;color:#f1f5f9;border-color:#334155}
  .lme-board-col{background:#0f172a}
  .lme-cal-cell:hover{background:#1e293b}
}