@import url("https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,500;0,9..40,600;1,9..40,400&family=DM+Mono:wght@400;500&display=swap");*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--font:"DM Sans",sans-serif;--font-mono:"DM Mono",monospace;--teal-50:#e1f5ee;--teal-100:#9fe1cb;--teal-400:#1d9e75;--teal-600:#0f6e56;--teal-800:#085041;--blue-50:#e6f1fb;--blue-400:#378add;--blue-600:#185fa5;--amber-50:#faeeda;--amber-400:#ef9f27;--amber-600:#854f0b;--green-50:#eaf3de;--green-400:#639922;--green-600:#3b6d11;--red-50:#fcebeb;--red-400:#e24b4a;--red-600:#a32d2d;--gray-50:#f8f8f6;--gray-100:#f0efea;--gray-200:#dddcda;--gray-300:#c4c3c0;--gray-400:#888780;--gray-600:#5f5e5a;--gray-900:#1a1a18;--bg:#f4f3f0;--surface:#fff;--border:rgba(0,0,0,.08);--border-md:rgba(0,0,0,.14);--text:#1a1a18;--text-2:#5f5e5a;--text-3:#888780;--radius:8px;--radius-lg:12px;--radius-xl:16px;--shadow-sm:0 1px 3px rgba(0,0,0,.07);--shadow:0 2px 10px rgba(0,0,0,.09)}body,html{font-family:var(--font);font-size:14px;background:var(--bg);color:var(--text);line-height:1.5;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;background:none}button,input,select,textarea{font-family:var(--font);font-size:13px}input,select,textarea{color:var(--text);background:var(--surface);border:1px solid var(--border-md);border-radius:var(--radius);padding:8px 11px;outline:none;transition:border-color .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{border-color:var(--teal-400);box-shadow:0 0 0 3px rgba(29,158,117,.12)}.btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:var(--radius);font-size:13px;font-weight:500;border:1px solid var(--border-md);background:var(--surface);color:var(--text);transition:background .12s;cursor:pointer}.btn:hover{background:var(--gray-100)}.btn-primary{background:var(--teal-400);color:#fff;border-color:var(--teal-400)}.btn-primary:hover{background:var(--teal-600);border-color:var(--teal-600)}.btn-danger{background:var(--red-50);color:var(--red-600);border-color:transparent}.btn-sm{padding:5px 11px;font-size:12px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm)}.badge{display:inline-block;font-size:11px;font-weight:500;padding:2px 9px;border-radius:20px}.badge-done{background:var(--green-50);color:var(--green-600)}.badge-progress{background:var(--blue-50);color:var(--blue-600)}.badge-pending{background:var(--amber-50);color:var(--amber-600)}.badge-manager{background:var(--teal-50);color:var(--teal-600)}.badge-employee{background:var(--gray-100);color:var(--gray-600)}.field{display:flex;flex-direction:column;gap:5px}.field label{font-size:12px;font-weight:500;color:var(--text-2)}.field input,.field select,.field textarea{width:100%}@media (max-width:768px){.btn{min-height:40px;padding:9px 16px}input,select,textarea{min-height:40px;padding:10px 12px;font-size:16px}}