:root{--red: #e53935;--red-dark: #b71c1c;--red-light: #ffebee;--red-mid: #ef9a9a;--gray-900: #1a1a1a;--gray-700: #444444;--gray-500: #888888;--gray-400: #aaaaaa;--gray-300: #cccccc;--gray-200: #e5e5e5;--gray-100: #f5f5f5;--gray-50: #fafafa;--white: #ffffff;--amber: #d97706;--amber-bg: #fef3c7;--green: #15803d;--green-bg: #dcfce7;--green-light:#f0fdf4;--blue: #1d4ed8;--blue-bg: #dbeafe;--font-ui: "DM Sans", sans-serif;--font-data: "DM Mono", monospace;--shadow-sm: 0 1px 3px rgba(0,0,0,.08);--shadow-md: 0 4px 12px rgba(0,0,0,.1);--shadow-lg: 0 8px 24px rgba(0,0,0,.12);--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--nav-height: 48px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font-ui);font-size:13px;color:var(--gray-900);background:var(--gray-100);-webkit-font-smoothing:antialiased}button{font-family:var(--font-ui);cursor:pointer}input,select,textarea{font-family:var(--font-ui)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}.mono{font-family:var(--font-data)}.tag{display:inline-flex;align-items:center;padding:1px 7px;border-radius:10px;font-size:10px;font-weight:500;white-space:nowrap}.tag-gray{background:var(--gray-100);color:var(--gray-500)}.tag-red{background:var(--red-light);color:var(--red)}.tag-amber{background:var(--amber-bg);color:var(--amber)}.tag-green{background:var(--green-bg);color:var(--green)}.tag-blue{background:var(--blue-bg);color:var(--blue)}.status-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:10px;font-size:10px;font-weight:600;white-space:nowrap}.badge-planned{background:var(--gray-100);color:var(--gray-500)}.badge-ready{background:var(--blue-bg);color:var(--blue)}.badge-inprogress{background:var(--red-light);color:var(--red)}.badge-completed{background:var(--green-bg);color:var(--green)}.btn{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;border-radius:var(--radius-md);font-size:12px;font-weight:600;border:none;transition:background .15s,opacity .15s}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-red{background:var(--red);color:var(--white)}.btn-red:hover:not(:disabled){background:var(--red-dark)}.btn-outline{background:var(--white);color:var(--gray-700);border:1px solid var(--gray-200)}.btn-outline:hover:not(:disabled){border-color:var(--gray-400)}.btn-gray{background:var(--gray-200);color:var(--gray-700)}.btn-gray:hover:not(:disabled){background:var(--gray-300)}.btn-sm{padding:3px 9px;font-size:11px}.field-label{display:block;font-size:12px;font-weight:600;color:var(--gray-900);margin-bottom:5px}.field-input,.field-select{width:100%;padding:8px 10px;border:1px solid var(--gray-300);border-radius:var(--radius-md);font-size:13px;font-family:var(--font-ui);color:var(--gray-900);background:var(--white);transition:border-color .15s}.field-input:focus,.field-select:focus{outline:none;border-color:var(--red)}