/*!*****************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./src/app/globals.css ***!
  \*****************************************************************************************************************************************************************************************************************************************************************/
/* Ported from reference/static-app/task-tracker-live.html — same visual design,
   adapted only where React needs it (no :root color-scheme override, class names
   kept identical so this file stays a straight diff against the PoC). */

* { box-sizing: border-box; }
body { margin: 0; background: #f7f7f8; color: #1f2328;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  font-size: 14px; line-height: 1.45; }
.wrap { max-width: 1400px; margin: 0 auto; padding: 20px 18px 60px; }
.cols{display:flex;gap:16px;align-items:flex-start}
.col-left{flex:0 0 340px} .col-right{flex:1 1;min-width:0}
.inbox-panel{position:-webkit-sticky;position:sticky;top:14px}
.panel-h{padding:9px 12px;font-size:12.5px;font-weight:600;color:#374151;border-bottom:1px solid #f3f4f6}
.panel-body{padding:10px 12px}
.panel-body textarea#updText{width:100%;min-height:120px;font:inherit;font-size:13px;padding:9px 11px;border:1px solid #d1d5db;border-radius:8px;resize:vertical;line-height:1.5}
@media(max-width:860px){ .cols{flex-direction:column} .col-left{flex:1 1 auto;width:100%} .inbox-panel{position:static} }
.hdr{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
h1 { font-size: 20px; margin: 0 0 2px; }
.sub { color: #6b7280; font-size: 12.5px; margin-bottom: 14px; }
.src { display:inline-block; font-size: 11px; color:#166534; background:#f0fdf4; border:1px solid #dcfce7; border-radius:999px; padding:1px 8px; margin-left:6px; }

.panel { background:#fff; border:1px solid #e5e7eb; border-radius:10px; margin-bottom:14px; }
.acct { display:grid; grid-template-columns:150px 1fr; grid-gap:3px 12px; gap:3px 12px; font-size:12.5px; padding:6px 12px; border-top:1px solid #f3f4f6; }
.acct .al{font-weight:600;color:#374151} .acct .ae{font-family:ui-monospace,Menlo,monospace;font-size:11.5px;color:#6b7280}
.acct .ar{grid-column:2;color:#9ca3af;font-size:11.5px} .role{font-size:10px;text-transform:uppercase;letter-spacing:.03em;padding:1px 6px;border-radius:999px;margin-left:6px}
.role.Work{background:#eff6ff;color:#1d4ed8} .role.Personal{background:#f0fdf4;color:#166534}
.updrow{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;padding:9px 11px;margin-bottom:8px;font-size:12.5px}
.updrow .um{display:flex;gap:8px;align-items:center;margin-bottom:5px;color:#9ca3af;font-size:11px}
.updrow .ut{white-space:pre-wrap;color:#1f2328;font-weight:500}
.ustatus{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;padding:2px 8px;border-radius:999px}
.ustatus.Pending{background:#fef3c7;color:#92400e} .ustatus.Processing{background:#dbeafe;color:#1d4ed8}
.ustatus.Processed{background:#dcfce7;color:#166534} .ustatus.Error{background:#fee2e2;color:#b42318}
.updres{margin-top:7px;color:#374151;background:#fff;border:1px solid #e5e7eb;border-radius:7px;padding:6px 9px;font-size:12px;white-space:pre-wrap}
.updres::before{content:"↳ ";color:#9ca3af}

.stats { display:grid; grid-template-columns:repeat(6,1fr); grid-gap:8px; gap:8px; margin-bottom:14px; }
.stat { background:#fff; border:1px solid #e5e7eb; border-radius:10px; padding:8px 12px; text-align:center; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; user-select:none; transition:border-color .12s, box-shadow .12s, background .12s; }
.stat:hover{ border-color:#c7d2fe; }
.stat.sel{ border-color:#2563eb; box-shadow:0 0 0 1px #2563eb inset; background:#eff6ff; }
.stat .n{font-size:18px;font-weight:650} .stat .l{font-size:11px;color:#6b7280;text-transform:uppercase;letter-spacing:.03em}
.stat.overdue .n{color:#b42318}

.viewtabs{display:inline-flex;background:#eceef1;border-radius:9px;padding:3px;margin-bottom:12px}
.viewtabs button{border:none;background:none;font:inherit;font-size:13px;font-weight:600;padding:5px 14px;border-radius:7px;color:#6b7280;cursor:pointer}
.viewtabs button.on{background:#fff;color:#1f2328;box-shadow:0 1px 2px rgba(0,0,0,.06)}
.controls .viewtabs{margin-bottom:0}
.vdiv{width:1px;height:22px;background:#e5e7eb;flex:0 0 auto}
.controls{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:14px}
.controls label{font-size:12px;color:#6b7280;margin-right:2px}
.controls.focusmode .grouponly{display:none}
select,input[type=search],input[type=text],input[type=date],textarea{font:inherit;font-size:13px;padding:5px 8px;border:1px solid #d1d5db;border-radius:8px;background:#fff;color:#1f2328}
input[type=search]{min-width:150px}

.group{margin-bottom:22px}
.group-h{font-size:12px;font-weight:650;text-transform:uppercase;letter-spacing:.04em;color:#374151;margin:0 0 8px;display:flex;align-items:center;gap:8px}
.group-h .cnt{color:#9ca3af;font-weight:500}
.sect-note{font-size:12px;color:#9ca3af;font-weight:500;text-transform:none;letter-spacing:0}

.card{background:#fff;border:1px solid #e5e7eb;border-left-width:3px;border-radius:10px;padding:10px 12px;margin-bottom:8px;display:flex;gap:10px;align-items:flex-start;cursor:pointer;transition:box-shadow .12s,border-color .12s}
.card:hover{box-shadow:0 2px 8px rgba(0,0,0,.07);border-color:#d1d5db}
.card.closed{opacity:.62} .card.waiting{opacity:.82;background:#fcfcfd} .card.cancelled .title-t{text-decoration:line-through}
.card .chev{color:#cbd5e1;font-size:20px;align-self:center;flex:0 0 auto}
.nextup{border:2px solid #2563eb;border-left-width:4px;box-shadow:0 2px 10px rgba(37,99,235,.12)}
.nextup-h{font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#2563eb;margin:0 0 6px}
.dot{width:10px;height:10px;border-radius:50%;margin-top:5px;flex:0 0 auto}
.idchip{display:inline-block;font:600 11px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;background:#eef2ff;color:#4338ca;border:1px solid #e0e7ff;border-radius:6px;padding:0 5px;margin-right:7px;vertical-align:middle}
.idchip.sub-id{margin-right:4px;background:#f3f4f6;color:#6b7280;border-color:#eceef1}
.idchip.big{font-size:14px;padding:2px 8px;margin-right:10px}
.body{flex:1 1;min-width:0}
.title{font-weight:600;font-size:14px}
.rank{color:#9ca3af;font-weight:700;margin-right:8px;font-size:13px}
.meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:5px;align-items:center}
.tag{font-size:11px;padding:2px 8px;border-radius:999px;background:#f3f4f6;color:#374151;border:1px solid #eceef1;white-space:nowrap}
.pill{font-weight:600}
.tag.due{background:#eef2ff;color:#3730a3;border-color:#e0e7ff}
.tag.due.overdue{background:#fef2f2;color:#b42318;border-color:#fee2e2;font-weight:600}
.tag.due.soon{background:#fffbeb;color:#92400e;border-color:#fef3c7}
.tag.link{background:#f0fdf4;color:#166534;border-color:#dcfce7}
.tag.blocked{background:#fef2f2;color:#b42318;border-color:#fee2e2}
.tag.remind{background:#fffbeb;color:#92400e;border-color:#fef3c7}
.tag.recur{background:#f5f3ff;color:#6d28d9;border-color:#ede9fe}
.tag.cmt{background:#fff;color:#6b7280}
.notes{color:#6b7280;font-size:12.5px;margin-top:6px;white-space:pre-wrap}
.subs{margin-top:9px;border-top:1px dashed #eceef1;padding-top:8px}
.sub-h{font-size:11px;text-transform:uppercase;letter-spacing:.03em;color:#9ca3af;margin-bottom:5px}
.sub{display:flex;align-items:center;gap:7px;font-size:13px;padding:2px 0}
.sub.sdone{color:#9ca3af;text-decoration:line-through}
.sdot{width:7px;height:7px;border-radius:50%;flex:0 0 auto}
.stag{font-size:10.5px;padding:1px 6px;border-radius:999px;background:#f3f4f6;color:#6b7280}

.btn{font:inherit;font-size:13px;font-weight:600;padding:7px 14px;border-radius:8px;border:1px solid transparent;cursor:pointer}
.btn.primary{background:#2563eb;color:#fff} .btn.primary:disabled{background:#c7d2fe;cursor:default}
.btn.danger{background:#fff;color:#b42318;border-color:#fecaca}
.btn.sm{padding:5px 10px;font-size:12px}

.overlay{position:fixed;inset:0;background:rgba(17,24,39,.45);display:flex;align-items:flex-start;justify-content:center;padding:34px 16px;z-index:50;overflow-y:auto}
.modal{background:#fff;border-radius:14px;max-width:600px;width:100%;padding:22px 22px 20px;position:relative;box-shadow:0 12px 40px rgba(0,0,0,.2)}
.close{position:absolute;top:12px;right:14px;border:none;background:none;font-size:24px;line-height:1;color:#9ca3af;cursor:pointer}
.d-head{display:flex;align-items:center;margin-bottom:12px;padding-right:24px;gap:2px}
.titleedit{font-size:17px;font-weight:600;border:1px solid transparent;border-radius:8px;padding:4px 6px;flex:1 1;min-width:0;background:transparent}
.titleedit:hover{border-color:#e5e7eb} .titleedit:focus{border-color:#2563eb;background:#fff;outline:none}
.savemsg{font-size:12px;color:#16a34a;margin-left:8px;white-space:nowrap}
.form{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px 14px;gap:10px 14px;margin:2px 0 4px}
.fld{display:flex;flex-direction:column;gap:3px} .fld.full{grid-column:1/-1}
.fld label{font-size:11px;text-transform:uppercase;letter-spacing:.03em;color:#9ca3af}
.fld select,.fld input,.fld textarea{width:100%} .fld textarea{min-height:58px;resize:vertical}
.hint{font-size:11px;color:#9ca3af}
.focusbtns{display:flex;flex-wrap:wrap;gap:4px}
.fbtn{font:inherit;font-size:12px;font-weight:600;padding:4px 10px;border:1px solid #d1d5db;border-radius:7px;background:#fff;color:#374151;cursor:pointer;transition:all .1s}
.fbtn:hover{border-color:#93c5fd}
.fbtn.on{background:#2563eb;color:#fff;border-color:#2563eb}
.fbtn.none.on{background:#6b7280;border-color:#6b7280}
.depchips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:6px}
.depchip{display:inline-flex;align-items:center;gap:6px;font-size:12px;background:#fef2f2;color:#b42318;border:1px solid #fee2e2;border-radius:999px;padding:2px 6px 2px 8px}
.depchip .xdep{border:none;background:none;color:#b42318;cursor:pointer;font-size:15px;line-height:1;padding:0}
.depadd{position:relative}
.depadd input{width:100%}
.ddlist{position:absolute;left:0;right:0;top:100%;z-index:6;background:#fff;border:1px solid #d1d5db;border-radius:8px;margin-top:2px;max-height:210px;overflow:auto;box-shadow:0 6px 20px rgba(0,0,0,.12);display:none}
.ddlist.open{display:block}
.ddrow{padding:6px 10px;font-size:13px;cursor:pointer;display:flex;justify-content:space-between;gap:8px;align-items:center}
.ddrow:hover{background:#eff6ff}
.ddrow.muted{color:#9ca3af;cursor:default}
.linkchip{background:#f0fdf4;color:#166534;border-color:#dcfce7;max-width:100%}
.linkchip .xlink{border:none;background:none;color:#166534;cursor:pointer;font-size:15px;line-height:1;padding:0}
.copysub{cursor:pointer} .copysub:hover{text-decoration:underline} .copysub.copied{color:#15803d;font-weight:700}
.dsection{margin-top:14px}
.dsh{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:#9ca3af;margin-bottom:6px}
.dempty{color:#9ca3af;font-size:13px}
.dsub{display:flex;align-items:center;gap:6px;font-size:13px;padding:4px 0;flex-wrap:wrap}
.dsub input.st,.dsub input.sa,.dsub input.sd,.dsub select.ss{font-size:12px;padding:3px 6px;border:1px solid #d1d5db;border-radius:6px}
.dsub input.st{flex:1 1;min-width:120px}
.dsub input.sa{width:90px} .dsub input.sd{width:130px}
.xbtn{border:none;background:none;color:#cbd5e1;font-size:16px;cursor:pointer;line-height:1;padding:0 2px} .xbtn:hover{color:#b42318}
.subadd{display:flex;gap:6px;margin-top:8px;flex-wrap:wrap}
.subadd input{flex:1 1;min-width:120px}
.cmt{background:#f9fafb;border:1px solid #f0f1f3;border-radius:8px;padding:7px 10px;margin-bottom:8px}
.cmt .ch{font-size:11px;color:#9ca3af;margin-bottom:2px} .cmt .ch b{color:#4b5563} .cmt .ct{font-size:13px;white-space:pre-wrap}
.savebar{display:flex;align-items:center;gap:10px;margin-top:12px}
.dtip{margin-top:16px;padding-top:12px;border-top:1px solid #f3f4f6;font-size:12px;color:#6b7280}
.dtip code{background:#eef2ff;color:#4338ca;padding:1px 5px;border-radius:5px}
.empty{text-align:center;color:#9ca3af;padding:50px 20px} .empty .big{font-size:15px;color:#6b7280;margin-bottom:6px}
.foot{margin-top:30px;color:#9ca3af;font-size:11.5px;text-align:center} .foot code{background:#eef2ff;color:#4338ca;padding:1px 5px;border-radius:5px}
.banner{background:#fef2f2;border:1px solid #fee2e2;color:#b42318;border-radius:10px;padding:12px 14px;font-size:13px;margin-bottom:14px}
.sugg{background:#fffdf5;border:1px solid #fde68a;border-radius:12px;padding:12px 14px;margin-bottom:14px}
.sugg-h{font-size:12px;font-weight:700;color:#92400e;text-transform:uppercase;letter-spacing:.04em;margin-bottom:8px}
.scard{background:#fff;border:1px solid #eceef1;border-radius:10px;padding:9px 11px;margin-bottom:8px}
.scard:last-child{margin-bottom:0}
.scard .skind{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;padding:2px 8px;border-radius:999px}
.skind.Update{background:#dbeafe;color:#1d4ed8} .skind.NewTask{background:#dcfce7;color:#166534} .skind.FYI{background:#f1f5f9;color:#475569}
.scard .sref{color:#9ca3af;font-size:11px;margin-left:8px}
.scard .ssum{font-size:13px;color:#1f2328;margin:6px 0 8px;white-space:pre-wrap}
.scard .sact{display:flex;gap:6px}
.btn.mini{padding:4px 12px;font-size:12px}
.btn.ghost{background:#fff;color:#374151;border-color:#d1d5db}