@import url("https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;1,9..40,300&family=DM+Mono:wght@400;500&display=swap");*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--mc-900:#060f1e;--mc-800:#0b1f3a;--mc-700:#0b2545;--mc-600:#163660;--mc-500:#1e4a80;--mc-400:#2563a8;--mc-300:#4a88c8;--mc-200:#93b4d8;--mc-100:#dbeafe;--mc-50:#f0f6ff;--white:#fff;--gray-50:#f8fafc;--gray-100:#f1f5f9;--gray-200:#e2e8f0;--gray-300:#cbd5e1;--gray-400:#94a3b8;--gray-500:#64748b;--gray-600:#475569;--gray-700:#334155;--gray-800:#1e293b;--gray-900:#0f172a;--green-bg:#dcfce7;--green-text:#166534;--purple-bg:#ede9fe;--purple-text:#5b21b6;--amber-bg:#fef3c7;--amber-text:#92400e;--blue-bg:#dbeafe;--blue-text:#1e40af;--red-bg:#fee2e2;--red-text:#991b1b;--radius-sm:6px;--radius-md:9px;--radius-lg:14px;--radius-xl:20px;--shadow-sm:0 1px 3px rgba(6,15,30,.08),0 1px 2px rgba(6,15,30,.05);--shadow-md:0 4px 16px rgba(6,15,30,.1),0 2px 6px rgba(6,15,30,.06);--shadow-lg:0 12px 40px rgba(6,15,30,.14),0 4px 12px rgba(6,15,30,.08);--font:"DM Sans",system-ui,sans-serif;--font-mono:"DM Mono",monospace}body,html{height:100%}body{font-family:var(--font);font-size:15px;line-height:1.6;color:var(--gray-800);background:var(--gray-50);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{cursor:pointer}button,input,select,textarea{font-family:var(--font)}.btn{display:inline-flex;align-items:center;gap:7px;padding:9px 18px;border-radius:var(--radius-md);font-size:13.5px;font-weight:500;border:none;transition:all .15s ease;white-space:nowrap}.btn-primary{background:var(--mc-700);color:var(--white)}.btn-primary:hover{background:var(--mc-600)}.btn-primary:active{transform:scale(.98)}.btn-ghost{background:transparent;color:var(--gray-600);border:1px solid var(--gray-200)}.btn-ghost:hover{background:var(--gray-100);color:var(--gray-800)}.field{margin-bottom:1rem}.field label{display:block;font-size:13px;font-weight:500;color:var(--gray-700);margin-bottom:5px}.field input,.field select,.field textarea{width:100%;padding:10px 13px;border:1px solid var(--gray-200);border-radius:10px;font-size:14px;color:var(--gray-800);background:var(--white);transition:border-color .15s,box-shadow .15s;outline:none;-webkit-appearance:none}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--mc-400);box-shadow:0 0 0 3px rgba(37,99,168,.1)}.field input::placeholder,.field textarea::placeholder{color:var(--gray-300)}.field textarea{resize:vertical;min-height:90px}.field-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}@media (max-width:520px){.field-row{grid-template-columns:1fr}}.badge{display:inline-flex;align-items:center;padding:3px 9px;border-radius:20px;font-size:11.5px;font-weight:500}.badge-green{background:var(--green-bg);color:var(--green-text)}.badge-purple{background:var(--purple-bg);color:var(--purple-text)}.badge-blue{background:var(--blue-bg);color:var(--blue-text)}.badge-amber{background:var(--amber-bg);color:var(--amber-text)}.badge-gray{background:var(--gray-100);color:var(--gray-600)}.badge-red{background:var(--red-bg);color:var(--red-text)}.dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.dot-complete{background:#16a34a}.dot-building{background:#2563eb}.dot-planned{background:#d97706}.card{background:var(--white);border-radius:var(--radius-lg);border:1px solid var(--gray-200);box-shadow:var(--shadow-sm)}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:99px}