:root{--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-xxl: 48px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1);--font-size-xs: 13px;--font-size-sm: 15px;--font-size-base: 16px;--font-size-lg: 18px;--font-size-xl: 20px;--font-size-2xl: 24px;--font-size-3xl: 30px;--font-size-4xl: 36px}@media (max-width: 767px){:root{--font-size-xs: 12px;--font-size-sm: 14px;--font-size-base: 15px;--font-size-lg: 17px;--font-size-xl: 19px;--font-size-2xl: 22px;--font-size-3xl: 28px;--font-size-4xl: 34px}}@media (min-width: 768px) and (max-width: 991px){:root{--font-size-xs: 13px;--font-size-sm: 15px;--font-size-base: 16px;--font-size-lg: 18px;--font-size-xl: 20px;--font-size-2xl: 24px;--font-size-3xl: 30px;--font-size-4xl: 36px}}@media (min-width: 1200px){:root{--font-size-xs: 13px;--font-size-sm: 15px;--font-size-base: 17px;--font-size-lg: 19px;--font-size-xl: 21px;--font-size-2xl: 26px;--font-size-3xl: 32px;--font-size-4xl: 40px}}@media (min-width: 1600px){:root{--font-size-xs: 14px;--font-size-sm: 16px;--font-size-base: 18px;--font-size-lg: 20px;--font-size-xl: 22px;--font-size-2xl: 28px;--font-size-3xl: 34px;--font-size-4xl: 42px}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#d3d3d7;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#8f8f99}*{scrollbar-width:thin;scrollbar-color:#d3d3d7 transparent}*:focus-visible{outline:2px solid var(--ant-color-primary, #5e6ad2);outline-offset:2px}.ant-tooltip-inner{color:#000!important;background-color:#fff!important}.ant-tooltip-arrow-content{background-color:#fff!important}button,a,input,textarea,select{transition:all var(--transition-base)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}html,body{height:100%;margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"kern" 1;font-kerning:normal}#root{height:100%}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-3xl{font-size:var(--font-size-3xl)}.text-4xl{font-size:var(--font-size-4xl)}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.gap-xs{gap:var(--spacing-xs)}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.gap-xl{gap:var(--spacing-xl)}.w-full{width:100%}.h-full{height:100%}.text-center{text-align:center}.text-right{text-align:right}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}@media (max-width: 767px){.mobile-hidden{display:none!important}.mobile-full{width:100%}.mobile-flex-col{flex-direction:column}}@media (min-width: 992px){.desktop-hidden{display:none!important}}:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;color:#333}*{box-sizing:border-box;margin:0;padding:0}body{margin:0;min-height:100vh}.App{max-width:1200px;margin:0 auto;padding:20px}button{padding:8px 16px;border:none;border-radius:4px;background-color:#007bff;color:#fff;cursor:pointer;font-size:14px;transition:background-color .2s}button:hover{background-color:#0056b3}button:disabled{background-color:#6c757d;cursor:not-allowed}input,textarea,select{padding:8px;border:1px solid #ddd;border-radius:4px;font-size:14px;width:100%;margin-bottom:10px}label{display:block;margin-bottom:5px;font-weight:500}.card{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px;margin-bottom:20px}h1,h2,h3{margin-bottom:20px;color:#2c3e50}.flex{display:flex;gap:10px}.flex-col{flex-direction:column}.justify-between{justify-content:space-between}.align-center{align-items:center}.task-item{padding:15px;border-bottom:1px solid #eee;cursor:pointer;transition:background-color .2s}.task-item:hover{background-color:#f9f9f9}.task-item:last-child{border-bottom:none}.badge{display:inline-block;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500}.badge.todo{background-color:#e3f2fd;color:#1976d2}.badge.in-progress{background-color:#fff3e0;color:#f57c00}.badge.done{background-color:#e8f5e8;color:#43a047}.badge.cancelled{background-color:#fce4ec;color:#e91e63}.badge.low{background-color:#e8f5e8;color:#43a047}.badge.medium{background-color:#fff3e0;color:#f57c00}.badge.high{background-color:#ffebee;color:#f44336}