*{margin:0;padding:0;box-sizing:border-box}:root{--tessell-blue-primary: #3986C1;--tessell-blue-secondary: #117DBE;--tessell-blue-tertiary: #11567F;--tessell-blue-dark: #19324F;--tessell-blue-light: #F2FAFE;--tessell-blue-lighter: #E7F6FE;--bg-primary: #FFFFFF;--bg-secondary: #F8F8F8;--bg-card: #FFFFFF;--bg-light: #F2FAFE;--border-primary: #E6E6E6;--border-secondary: #DDDDDD;--border-light: #F0F0F0;--text-primary: #08080D;--text-secondary: #3F3F45;--text-tertiary: #A1A1A9;--accent-primary: #3986C1;--accent-secondary: #117DBE;--accent-tertiary: #11567F;--success: #4DAC4A;--error: #EC373C;--warning: #F29132;--info: #3986C1}body{font-family:Lato,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-secondary);color:var(--text-primary);position:relative;min-height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.container{max-width:1400px;margin:0 auto;padding:20px;position:relative;z-index:1}.card{background:var(--bg-card);border-radius:8px;padding:24px;margin-bottom:24px;box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d;border:1px solid var(--border-primary);position:relative;overflow:hidden;transition:all .2s ease}.card:hover{box-shadow:0 4px 12px #00000026}.btn{padding:10px 20px;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s ease;font-family:Lato,Helvetica,Arial,sans-serif}.btn-primary{background:var(--accent-primary);color:#fff}.btn-primary:hover{background:var(--accent-secondary);box-shadow:0 4px 12px #3986c14d}.btn-secondary{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-primary)}.btn-secondary:hover{background:var(--bg-light);border-color:var(--accent-primary)}.btn-success{background:var(--success);color:#fff}.btn-success:hover{background:#3d8a3a;box-shadow:0 4px 12px #4dac4a4d}.btn-danger{background:var(--error);color:#fff}.btn-danger:hover{background:#d32f2f;box-shadow:0 4px 12px #ec373c4d}.btn:active{transform:scale(.98)}table{width:100%;border-collapse:separate;border-spacing:0;margin-top:0;background:#fff;border:1px solid #E6E6E6;border-radius:8px;overflow:hidden}th,td{padding:12px 16px;text-align:left;border-bottom:1px solid #F0F0F0}th{background:#fafafa;font-weight:600;font-size:13px;color:#08080d;border-bottom:2px solid #E6E6E6;text-transform:none;letter-spacing:0}tbody tr{transition:all .15s ease;background:#fff}tbody tr:hover{background:#f2fafe}tbody tr:last-child td{border-bottom:none}input,select,textarea{padding:10px 14px;border:1px solid var(--border-primary);border-radius:6px;font-size:14px;width:100%;background:var(--bg-card);color:var(--text-primary);transition:all .2s ease;font-family:Lato,Helvetica,Arial,sans-serif}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent-primary);border-width:2px;padding:9px 13px;box-shadow:0 0 0 3px #3986c11a}input::placeholder,textarea::placeholder{color:var(--text-tertiary)}.compact-table{font-size:13px;box-shadow:0 1px 3px #0000001f}.compact-table th{padding:12px 14px;font-size:12px;font-weight:600;background-color:#fafafa;border-bottom:2px solid #E6E6E6;color:#08080d}.compact-table td{padding:12px 14px;vertical-align:middle}.compact-table tbody tr:hover{background:#f2fafe}.compact-table input,.compact-table select,.compact-table textarea{padding:8px 12px;font-size:13px;border:1px solid #E6E6E6;border-radius:4px}.compact-table input:focus,.compact-table select:focus,.compact-table textarea:focus{border-color:#3986c1;border-width:2px;padding:7px 11px;outline:none;box-shadow:0 0 0 3px #3986c11a}.compact-table .btn{padding:6px 12px;font-size:13px}.status-badge{padding:4px 12px;border-radius:4px;font-size:12px;font-weight:600;display:inline-block;border:1px solid}.status-NOT_STARTED{background:#f0f0f0;color:#666;border-color:#ddd}.status-IN_PROGRESS{background:#e7f6fe;color:#117dbe;border-color:#3986c1}.status-COMPLETED,.status-DONE{background:#f0fcf4;color:#4dac4a;border-color:#4dac4a}.status-BLOCKED{background:#ffeaea;color:#ec373c;border-color:#ec373c}.header{background:var(--bg-card);padding:16px 24px;box-shadow:0 1px 3px #0000001f;margin-bottom:0;border-bottom:1px solid var(--border-primary);position:relative}.nav{display:flex;justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}.modal{background:var(--bg-card);border-radius:8px;padding:32px;max-width:600px;width:90%;max-height:90vh;overflow-y:auto;border:1px solid var(--border-primary);box-shadow:0 8px 24px #00000026;position:relative;animation:slideUp .3s cubic-bezier(.16,1,.3,1)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.spinning{animation:spin 1s linear infinite}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-light);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--border-secondary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-primary)}